Question

我正在使用Webpack在React中开发一个Web应用程序。我跟着this guide在生产模式下生成了bundle.js，但是它没有用。我总是得到：

警告：您似乎正在使用开发的缩小副本 React的构建。将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"
  }
}

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

非常感谢。

Webpack的Minified React无法正常工作

0 个答案: