webpack+react配置UglifyJsPlugin出現的問題

標籤：意思   ade   image   out   include   url   .json   put   webp   

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"‘}        })

 

webpack+react配置UglifyJsPlugin出現的問題