1. 程式人生 > >webpack 打包壓縮 ES6檔案報錯UglifyJs + Unexpected tok

webpack 打包壓縮 ES6檔案報錯UglifyJs + Unexpected tok

最近在下載別人的vue多頁面demo後,npm run dev沒問題,npm run build之後就報錯:

1、webpack 打包壓縮 ES6檔案報錯UglifyJs + Unexpected token...

最近做專案的時候運用vue,webpack,在打包壓縮的工程中,部分壓縮檔案報錯,雖然也可以執行,但是畢竟報錯不好看;

於是,如下解決方法: 在根目錄下建立.babelrc檔案,並且貼上以下一句話

{ "presets": ["es2015"] }

OK,現在我們重寫npm run build,會出現第2個問題

2、Couldn't find preset "es2015" relative to directory問題解決

由於引入的vue-ueditor使用了ES標準,所以編譯會報錯,解決辦法如下:

 npm install babel-preset-es2015 --save-dev

然後需要在webpack.base.conf.js檔案中加入如下程式碼

module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['es2015']
                }
            }
        ]
    }