Webpack 定义process.env的时机

定义 process.env的时机

• 如果已经提取了公共配置文件 webpack.common.js
• 分别定义了开发配置webpack.dev.js和生产配置webpack.prod.js
• 在webpack.common.js 合并 选项时的 plugins中使用插件DefinePlugin

const common = require('./webpack.common')
const merge = require('webpack-merge')
const webpack = require('webpack')
const config = require('../env/dev')

module.exports = merge(common, {
  mode: 'development',
  devtool: 'cheap-module-eval-source-map',
  plugins: [
    new webpack.DefinePlugin({
      'process.env': config, // 💛💛💛💛💛 在这里进行设置
      BASE_PUBLIC_URL: config.BASE_URL
    })
  ]
})