在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ webpack插件UglifyJsPlugin引發(fā)報錯,以及CommonsChu

webpack插件UglifyJsPlugin引發(fā)報錯,以及CommonsChunkPlugin公共模塊如何兼容IE8

1.壓縮后js/vendors.js from UglifyJs報錯
2.CommonsChunkPlugin提取公共模塊,在IE8會ES6語法錯誤, 但是我裝babel-loader了 不起作用。

var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin'); //生成html模板
var ExtractTextPlugin = require("extract-text-webpack-plugin"); //獨立CSS
module.exports = {
    entry: { //入口文件
        index: __dirname + "/app/js/index.js",
        list: __dirname + "/app/js/list.js",
        about: __dirname + "/app/js/about.js"
    },
    output: { //打包出口
        path: __dirname + "/public/static/",
        publicPath: "/public/static/",
        filename: "js/[name].js"
    },
    plugins: [
        new webpack.ProvidePlugin({ //加載jq
            $: 'jquery'
        }),
        new webpack.optimize.UglifyJsPlugin({ //壓縮JS 
            compress: {
                warnings: false,
                drop_console: true
            }
        }),
        new webpack.BannerPlugin('author xyl'), //加點信息
        new ExtractTextPlugin("./css/[name].css"), //獨立打包CSS
        new webpack.optimize.CommonsChunkPlugin({
            name: 'vendors', // 將公共模塊提取,生成名為`vendors`的chunk
            chunks: ['index', 'list', 'about'], //提取哪些模塊共有的部分
            minChunks: 3 // 提取至少3個模塊共有的部分
        }), //HtmlWebpackPlugin,模板生成相關的配置,每個對于一個頁面的配置,有幾個寫幾個
        new HtmlWebpackPlugin({ //根據模板插入css/js等生成最終HTML
            favicon: './app/images/favicon.ico', //favicon路徑,通過webpack引入同時可以生成hash值
            filename: './view/index.html', //生成的html存放路徑,相對于path
            template: './app/index.html', //html模板路徑
            inject: 'body', //js插入的位置,true/'head'/'body'/false
            hash: true, //為靜態(tài)資源生成hash值
            chunks: ['vendors', 'index'], //需要引入的chunk,不配置就會引入所有頁面的資源
            minify: { //壓縮HTML文件    
                removeComments: true, //移除HTML中的注釋
                collapseWhitespace: false //刪除空白符與換行符
            }
        })
    ],
    devServer: {
        contentBase: "./public/static/view/",
        port: '8081',
        historyApiFallback: false,
        inline: true
    },
    module: {
        rules: [
    
            {
                test: /(\.jsx|\.js)$/,
                use: {
                    loader: "babel-loader"
                },
                exclude: /node_modules/
            },
  

            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use: [{
                            loader: "css-loader",
                            options: { minimize: true }
                        },
                        {
                            loader: "postcss-loader"
                        }
                    ]
                })


            },
            {
                test: /\.(jpg|jpeg|png|bmp|gif)$/,
                use: 'url-loader?limit=1024&name=[name].[ext]&publicPath=/static/&outputPath=images/'
            }
        ]



    }


}


.babelrc
{
  "presets": ["es2015"]
}

最后感謝大大們,幫助下我這個菜鳥

最后發(fā)現(xiàn)是本地開啟Server的原因,會導致IE下報錯,以及壓縮報錯。。。不知道啥原因這是。。。

回答
編輯回答
慢半拍

試試這個

new webpack.optimize.UglifyJsPlugin({ //壓縮JS 
    compress: {
      properties: false,
    },
    output: {
      quote_keys: true
    },
    mangle: {
      screw_ie8: false
    }
})
2017年8月23日 21:30