我在通过 Webpack 的 DefinePlugin 将 node_env var 注入到我的代码中时遇到了真正的问题,并且在阅读了大量帖子后似乎没有任何效果。我有一种感觉,我错过了什么……
所以我的生产 webpack 配置是 -
// Config
import path from 'path';
import webpack from 'webpack';
import config from './config';
/**
* Webpack config for compiling the
* React/Redux/ES6 scripts.
*
* ENV = production
*
* @type {Object}
*/
module.exports = {
entry: path.resolve(__dirname, '../', config.assets.scripts.src_dir, config.assets.scripts.entry),
devtool: false,
output: {
path: path.resolve(__dirname, config.assets.scripts.dist_dir),
filename: config.assets.scripts.dist_min
},
module: {
loaders: [
{
test: /.js?$/,
loader: 'babel-loader?presets[]=react,presets[]=es2015,presets[]=stage-0',
exclude: /node_modules/
},
{
test: /\.json$/,
loader: 'json-loader'
}
]
},
plugins: [
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify('production')
}
}),
new webpack.optimize.UglifyJsPlugin({})
]
};
我已经尝试为react、react-dom和react-redux设置别名,但完全没有效果,React仍然警告我我正在使用node_env = Production之外的缩小版本(而且redux仍然会抛出这个错误)。
仅供参考,我使用的是 webpack 版本 2.2.1。
这是否与 babel-loader 以某种方式发生冲突有关?如果有人能指出我正确的方向,那就太好了。