webpack是一款js打包工具, 它将nodeJs中的commonJs语法以及es6中的import、export语法转化为浏览器能够识别的代码,即原生模块化写法,原生模块化写法如下:
(function(接收的参数) {
})(传递的参数)
完整的配置信息如下:
module.exports = {
entry: ‘index.js‘ // 配置入口文件
output: { // 配置打包后的输出文件
filename: ‘bundle.js‘
},
devServer: { // 配置express小型服务器信息
},
module: { // 模块化打包需要配置的规则
rule: {
}
},
resolve: { // 模块化打包要替换的别名
alias: {
}
}，
plugins: [] // 配置插件信息,
optimization: { // 优化打包结构
}
}