webpack提供的cli支持很多的参数,例如--mode
,但更多的时候,我们会使用更加灵活的配置文件来控制webpack的行为
默认情况下,webpack会读取webpack.config.js
文件作为配置文件,但也可以通过CLI参数--config
来指定某个配置文件
配置文件中通过CommonJS模块导出一个对象,对象中的各种属性对应不同的webpack配置
注意:配置文件中的代码,必须是有效的node代码(也就是说不能用ES6模块化)(面试题)
原理:var config = require(“./webpack.config.js”),配置文件在打包过程钟会运行,其他不会运行,只是打包,所以只能用CommonJS
当命令行参数与配置文件中的配置出现冲突时,以命令行参数为准。
基本配置:
- mode:编译模式,字符串,取值为development或production,指定编译结果代码运行的环境,会影响webpack对编译结果代码格式的处理
- entry:入口,字符串(后续会详细讲解),指定入口文件
- output:出口,对象(后续会详细讲解),指定编译结果文件
例子1:
module.exports = {
entry: "./src/main.js",
output: {
filename: "bundle.js" //filename:编译后的文件名,原来是main.js
},
mode:"development"
}