从本质上讲,webpack是现代的JavaScript应用的静态模块打包工具,从两个点来解释这句话:模块和打包
![](https://img.haomeiwen.com/i14883095/909327b7bd8df72d.png)
webpack与grunt/gulp有什么不同?
grunt/gulp:更加强调的是前端流程的自动化,模块化不是它的核心
webpack:更加强调模块化开发管理,而文件压缩合并,预处理等功能,是它附带的功能
webpack.config.js文件说明
const path = require('path')
module.exports = {
entry:'./src/main.js',//设置入口文件
output:{//设置导出js的文件位置
path:path.resolve(_dirname,'dist'),//路径
filename:'bundle.js'//文件名字
}
}
网友评论