webpack 配置文件
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" } }
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步