Javascript 使用网页包进行缩小的反应不起作用

我正在使用Webpack开发React中的web应用程序。我已经遵循了在生产模式下生成bundle.js的方法，但它不起作用。我总是得到：

警告：看起来您正在使用开发的缩小副本 反应的建立。将React应用程序部署到生产环境时，请确保 使用跳过开发警告并处于禁用状态的生产版本 更快

这是我的webpack.config.js：

var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');

var ExtractTextPlugin = require('extract-text-webpack-plugin');//FOR CSS

var config = {
    devtool:'cheap-module-source-map',
    entry: APP_DIR + '/index.jsx',
    output: {
        path: BUILD_DIR,
        filename: 'bundle.js'
    },
    module : {
        loaders : [
            {
                test : /\.jsx?/,
                include : APP_DIR,
                loader : 'babel'
            },
            {
                test: /\.css$/, 
                loader: ExtractTextPlugin.extract('css-loader?modules=true&localIdentName=[name]__[local]___[hash:base64:5]')
            }
        ]
    },
    plugins: [
        new ExtractTextPlugin('styles.css', {allChunks: false}),
        new webpack.DefinePlugin({
          'process.env':{
            'NODE_ENV': JSON.stringify('production')
          }
        }),
        new webpack.optimize.UglifyJsPlugin({
          compress:{
            warnings: true
          }
        })
    ]
};

module.exports = config;

这是我正在使用的package.json文件：

{
  "name": "p12uibetajsx",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "compile": "webpack -d",
    "dev": "webpack -d --watch",
    "build": "webpack -p"
  },
  "devDependencies": {
    "babel-core": "^6.18.2",
    "css-loader": "^0.26.0",
    "extract-text-webpack-plugin": "^1.0.1",
    "style-loader": "^0.13.1",
    "webpack": "^1.13.2",
    "webpack-dev-server": "^1.16.1",
    "webpack-combine-loaders": "^2.0.3"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel-loader": "^6.2.8",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-react": "^6.16.0",
    "react": "^15.4.1",
    "react-dom": "^15.4.1",
    "react-responsive-carousel": "^3.0.21",
    "webpack": "^1.13.3",
    "webpack-combine-loaders": "^2.0.3"
  }
}

还有什么我需要配置的吗？我错过什么了吗

---

非常感谢。

您是否尝试使用

NODE\u ENV=production

运行您的网页包，例如：

NODE\u ENV=production网页包

？是的，Marcel，我尝试过，但我得到消息，NODE\u ENV不是可识别的命令，啊，所以您在Windows上？然后尝试先设置env变量，然后运行webpack。所以

设置NODE\u ENV=production

，然后

webpack

。看看这是否有效。@JSP749对不起，那么我不知道这里出了什么问题。我只是建立一个项目与您的包和网页配置，我没有得到任何警告。奇怪的也许\快速重置npm模块会有所帮助

rm-r节点\ U模块和npm安装

@JSP749是的，好的旧重置有时会产生奇迹。很高兴这有帮助。快乐编码！：-）