Reactjs 网页包不';t创建反应生成生产版本
我有以下Reactjs 网页包不';t创建反应生成生产版本,reactjs,webpack,production,Reactjs,Webpack,Production,我有以下webpack production.config.js文件: /* jshint node: true */ var webpack = require('webpack'); process.env.NODE_ENV = JSON.stringify('production'); module.exports = { watch: false, entry: { index: './client/js/index.js', artic
webpack production.config.js
文件:
/* jshint node: true */
var webpack = require('webpack');
process.env.NODE_ENV = JSON.stringify('production');
module.exports = {
watch: false,
entry: {
index: './client/js/index.js',
article: './client/js/article.js',
error: './client/js/error.js'
},
output: {
filename: '[name].bundle.js'
},
module: {
loaders: [
// JSON
{ test: /\.json$/, loader: "json-loader" },
// React & ES2015
{
test: /.jsx?$/,
loader: 'babel-loader',
query: {
presets: ['react', 'es2015']
},
}
]
},
plugins: [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify('production')
}
}),
new webpack.optimize.UglifyJsPlugin({
compress: { warnings: false }
})
]
};
当我使用命令webpack--config webpack production.config.js运行此任务时,会生成捆绑文件,但当我在brawser中打开我的站点时,React开发工具扩展会显示:此页面正在使用React的开发版本。
我的配置文件有什么问题?如何生成React
生产版本
我提到,React
的官方网站说我必须使用上述两个插件,应该足够了
已更新
我在output
设置中添加了path
选项,现在出现以下错误
在braoser控制台中:
Uncaught TypeError: Cannot read property '_' of undefined
我提到我使用的下划线是这样的:
import _ from 'underscore'
我猜这就是原因:
process.env.NODE_ENV = JSON.stringify('production');
应该是:
process.env.NODE_ENV = 'production';
或者,您可以使用Webpack-p
命令行选项,将节点环境变量设置为生产我猜这就是原因:
process.env.NODE_ENV = JSON.stringify('production');
应该是:
process.env.NODE_ENV = 'production';
或者,您可以使用Webpack-p
命令行选项,该选项将节点_ENV
环境变量设置为生产
转换为json的任何特殊用途?转换为json的任何特殊用途?