Question

使用Webpack在OSX El Capitan下构建我的ES6反应项目是轻而易举的。当我在我们的预生产环境中进行相同的构建时会发生一些非常奇怪的事情，构建的文件就像这样：

webpackJsonp([0],{102:function(module,exports,__webpack_require__) ... 
...
var _createClass=function(){
    function defineProperties(target,props){
        for(;0<props.length;0++){
            ...
        }
    ...
}
...

请特别注意for循环：for(;0<props.length;0++)。那是非常破碎的。我究竟做错了什么？我的配置来自UglifyJSPlugin：

new webpack.optimize.UglifyJsPlugin({
    comments: false,
    mangle: false,
    compress: {
        warnings: false
    }
})

非常感谢任何帮助。

完整的Webpack配置：

module.exports = {
    entry: {
        isearch: 'components/isearch/index.js',
        reactbundle: ['react', 'react-dom', 'whatwg-fetch', 'debounce-promise', 'deep-assign', 'redux', 'react-redux']
    },
    output: {
        publicPath: '/assets/components/',
        filename: '[name].js'
    },
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loader: 'babel-loader'
            },
            {
                test: /\.scss$/,
                exclude: /node_modules/,
                use: [
                    { loader: 'style-loader', options: { includePaths: [] } },
                    { loader: 'css-loader', options: { includePaths: [], modules: false } },
                    { loader: 'sass-loader', options: { includePaths: [] } }
                ]
            },
            {
                test: /\.gif$/,
                exclude: '/node_modules/',
                use: [{ loader: 'file-loader', options: { name: '[path][name].[hash].[ext]', context: 'react' } }]
            }
        ]
    },
    resolve: { extensions: ['.js', '.jsx', '.scss'] },
    devtool: 'cheap-module-source-map',
    plugins: [
        new CleanWebpackPlugin(['components'], {
            root: path.resolve(__dirname, '../../public/assets'),
            verbose: true,
            dry: false
        }),
        new webpack.optimize.CommonsChunkPlugin('reactbundle'),
        new webpack.DefinePlugin({
            'process.env': {
                NODE_ENV: JSON.stringify('production')
            }
        }),
        new webpack.optimize.UglifyJsPlugin({
            comments: false,
            mangle: false,
            compress: {
                warnings: false
            }
        })
    ]
};

构建失败的环境： Ubuntu 12.04.5 LTS

webpack.optimize.UglifyJSPlugin正在生成垃圾JavaScript

0 个答案: