Webpack-第 10 篇：Webpack 5 配置进阶技巧

Webpack-第 10 篇：Webpack 5 配置进阶技巧

一、动态配置与环境变量使用

（一）动态配置原理

Webpack 配置文件本质上是一个 Node.js 模块，它可以根据不同的条件动态生成配置对象。通过这种方式，我们可以根据不同的环境（如开发环境、生产环境）来调整 Webpack 的配置。

（二）使用环境变量

在 Webpack 中，可以通过 process.env 来访问环境变量。通常，我们会使用 cross-env 这个工具来跨平台设置环境变量。

1. 安装 cross-env

npm install cross-env --save-dev

2. 在 package.json 中设置环境变量