webpack的配置文件用来控制webpack的行为。
默认情况下,webpack会读取webpack.config.js文件作为配置文件,也可以通用命令行来修改 npx webpack --config 123.js.
webpack在构建时先读取配置文件,然后读取模块的导入导出特殊语句来构建依赖关系。所以配置文件的运行环境是在node环境,配置文件里面的代码必须是有效的node代码,使用CommonJs模块化。配置文件中通过CommonJs模块导出一个对象,对象中的各种属性对应不同的webpack配置。
基本配置
mode: "development" | "production" 指定编译结果的代码运行环境,影响webpack对编译结果代码格式的处理
entry:指定入口文件 字符串
output:指定编译结果文件 对象
module.exports = { mode:"production", entry:"./src/main.js", output:{ filename:"bundle.js" } }