有两种基本方法可以实现这一目标。

定义插件

new webpack.DefinePlugin({
    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
}),

请注意，这只会“按原样”替换匹配项。这就是为什么字符串是它的格式。你可以有一个更复杂的结构，比如一个对象，但你明白了。

环境插件

new webpack.EnvironmentPlugin(['NODE_ENV'])

EnvironmentPlugin在内部使用DefinePlugin并将环境值映射到通过它的代码。更简洁的语法。

别名

或者，您可以通过别名模块使用配置。从消费者方面来看，它看起来像这样：

var config = require('config');

配置本身可能如下所示：

resolve: {
    alias: {
        config: path.join(__dirname, 'config', process.env.NODE_ENV)
    }
}

比方说process.env.NODE_ENV是development。它会映射到./config/development.js那时。它映射到的模块可以像这样导出配置：

module.exports = {
    testing: 'something',
    ...
};