UglifyJsPlugin在Webpack 4中使用babel-preset-env的es6仍然有问题

时间:2018-12-08 14:35:04

标签: javascript reactjs webpack uglifyjs webpack-4

我在Webpack 4 中使用了 Ecma脚本预设的新版本,但仍然会引发错误。

(当前,我的bundle.js文件大小约为5MB,它非常大。除了UglifyJs,如果您愿意,请告诉我其他有关减小 Webpack 4和ReactJs 包大小的建议。知道)

这是错误:

ERROR in bundle.js from UglifyJs
Unexpected token: keyword (const) [bundle.js:4981,0]

这是我的Webpack配置:

{

...
...

    module: {
        rules: [
            {
                query: {
                    presets: ['react', 'env', 'stage-3'],
                    compact: false
                },
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: /(node_modules|bower_components)/
            },
            {
                test: /\.scss$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: ['css-loader', 'sass-loader']
                })
            },
            {
                test: /\.(eot|otf|ttf|woff|woff2)$/,
                loader: 'file-loader?name=./fonts/[name].[ext]'
            },
            {
                test: /\.(jpg|jpeg|png|gif|svg)$/,
                loader: 'file-loader?name=./images/[name].[ext]'
            },
            {
                test: /\.css$/,
                exclude: /node_modules/,
                include: [
                    resolve(__dirname, "not_exist_path")
                ],
                loader: 'style-loader!css-loader'
            },

        ]
    },

...
...

    optimization: {
        minimizer: [new UglifyJsPlugin()]
    },
}

我在做什么错?问题出在哪里?

0 个答案:

没有答案