webpack+react配置UglifyJsPlugin出现的问题

Posted 2020-09-28 郑庙华

webpack.config.js中的配置

const path=require(\'path\');
const webpack=require(\'webpack\');
const htmlWebpackPlugin=require(\'html-webpack-plugin\');
const CleanPlugin=require(\'clean-webpack-plugin\');
module.exports={
    entry:\'./src/index.js\',
    output:{
        path:path.resolve(__dirname, \'build\'),
        filename:\'[name]-[hash:5].js\'
    },
    module:{
        rules:[{
            test: /\\.(jsx$|js)$/,
            exclude: /(node_modules|bower_components)/,
            include:/src/,
            use: {
                loader: \'babel-loader\',
                options: {
                      presets: [\'env\',\'react\']
                }
            }
        }]
        /*loaders: [
            { test: /\\.css$/, loader: \'style-loader!css-loader\' },
            { test: /\\.scss$/, loader: \'style!css!sass?sourceMap\'},
            { test: /\\.styl$/, loader: \'style-loader!css-loader!stylus-loader\'},
            { test: /\\.(png|jpg)$/, loader: \'url-loader?limit=8192\'},
            { test: /\\.js$/, loader: "babel-loader", query: {presets: [\'es2015\',\'react\']}}
            loader: \'babel-loader?presets[]=es2015&presets[]=react\'
        ]*/
    },
    resolve: {
        extensions:[\'.js\',\'.json\']
    },
    plugins:[
        new HtmlWebpackPlugin({
            template:\'./src/index.html\'
        }),
        new CleanPlugin(\'build\'),
        new webpack.optimize.UglifyJsPlugin({
            compress:{
                warnings:false
            }
        })
    ]
}

npm run webpack后有告警

意思好像是说生产环境和开发环境室友区别的

plugins再加上一项就没事了

new webpack.DefinePlugin({
            \'process.env\': {NODE_ENV: \'"production"\'}
        })