资料内容：
1. [Webpack] 配置代码太多，达到数千⾏，这个时候该如何
优化配置代码【热度: 186】
当 Webpack 配置代码变得冗⻓和难以管理时，可以采取以下⽅法来优化配置：
•
配置⽂件拆分
将配置⽂件分成多个部分，每个⽂件只负责⼀部分逻辑。⽐如基础配置、开发环境配置、⽣产环境配
置等。
// webpack.base.js - 存放共同的配置项// webpack.dev.js - 开发环境特定的配置项//
webpack.prod.js - ⽣产环境特定的配置项
1
•
使⽤环境变量
通过环境变量来区分不同的配置环境，使⽤ webpack-merge 或 env-cmd 这样的库来合并配
置。
// 通过环境变量确定不同的配置⽂件const env = process.env.NODE_ENV;
let config;
if (env === "production") {
config = require("./webpack.prod.js");
} else {
config = require("./webpack.dev.js");
}
module.exports = config;
