当我们使用webpack进行多环境打包的时候会有如下时需求:
- 在执行代码中使用不同的变量,比如:API的请求地址
- 在webpack的config文件中使用不同的配置,比如:只在dev环境配置dev server
针对这两个需求,我们逐一进行介绍。
创建多环境配置文件
由于dev和prod环境存在大量通用的配置,所以我们将通用的配置放在common文件中,并使用webpack-merge工具进行合并。
webpack.common.js:
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './index.js'