webpack 打包壓縮 ES6檔案報錯UglifyJs + Unexpected tok
阿新 • • 發佈:2019-01-04
最近在下載別人的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'] } } ] }