webpack.config.js配置文件是什么?
webpack在进行打包编译时,默认会以根目录下的webpack.config.js文件作为配置文件;
但我们可以通过webpack --config xxxx来指定其他的文件作为配置文件(前提:其他文件的路径一定要写正确)
配置文件通过commonJs导出一个对象,即:
module.exports {
// xxx
}
这里引申出一个问题:webpack不是支持common JS 和 ES6两种模块化使用方式吗?为什么在配置文件中必须要携程common JS的形式?
回答:webpack的打包和编译需要执行webpack.config.js文件,执行过程是在node环境中运行的,node环境只能使用common JS模块化标准,不能识别ES6模块化标准;因此配置文件的导出必须使用上述的导出形式; 而除此之外,其他目录下的js模块可以使用common JS和ES6两种模块化标准是因为,在webpack打包和编译的过程中,他们不参与执行,只是作为字符串代码被编译和分析;
webpack.config.js文件常见的基本配置
mode: development(default value) | production | none // webpack会根据不同的mode去做不同的打包行为
entry: 入口 // 默认会以src/index.js作为入口
output: 出口 // 指定编译结果路径
如果webpack配置文件中的属性和命令行中的发生了冲突,以命令行中的参数为准。