實際解決iview打包時UglifyJs報錯（詳細教程）

來源：懂視網責編：小OO 時間：2020-11-27 19:43:09

實際解決iview打包時UglifyJs報錯（詳細教程）

使用npm run dev時運行是ok的，但是npm run build打包時iview報錯。如下：原因是iview中使用了es6語法，然而uglifyJs是不支持的，打開的build/webpack.prod.conf.js文件，可以看到。

推薦度：

點擊下載本文 文檔為doc格式

導讀使用npm run dev時運行是ok的，但是npm run build打包時iview報錯。如下：原因是iview中使用了es6語法，然而uglifyJs是不支持的，打開的build/webpack.prod.conf.js文件，可以看到。

下面我就為大家分享一篇解決iview打包時UglifyJs報錯的問題，具有很好的參考價值，希望對大家有所幫助。

使用npm run dev時運行是ok的，但是npm run build打包時iview報錯，

如下：

原因是iview中使用了es6語法，然而uglifyJs是不支持的，打開我們的build/webpack.prod.conf.js文件，可以看到

// UglifyJs do not support ES6+, you can also use babel-minify for better treeshaking: https://github.com/babel/minify
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
},
sourceMap: config.build.productionSourceMap,
parallel: true
}),

已經提示了uglifyJs不支持es6.

解決方案：

在webpack.base.conf.js中，我們先在js編譯的時候添加如下：

{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'),
resolve('test'),resolve('/node_modules/iview/src'),resolve('/node_modules/iview/packages')]
},

先讓iview的es6語法經過babel來轉換，然后在build/webpack.prod.conf.js中，注釋掉原來的uglifyJs，引入外部的uglifyJs對js進行壓縮混淆，代碼如下：

// UglifyJs do not support ES6+, you can also use babel-minify for better treeshaking: https://github.com/babel/minify
// new webpack.optimize.UglifyJsPlugin({
// compress: {
// warnings: false
// },
// sourceMap: config.build.productionSourceMap,
// parallel: true
// }),
new UglifyJsPlugin({
// 使用外部引入的新版本的js壓縮工具
parallel: true,
uglifyOptions: {
ie8: false,
ecma: 6,
warnings: false,
mangle: true,
// debug false
output: {
comments: false,
beautify: false,
// debug true
},
compress: {
// 在UglifyJs刪除沒有用到的代碼時不

輸出警告 warnings: false, // 刪除所有的 `console` 語句 // 還可以兼容ie瀏覽器 drop_console: true, // 內嵌定義了但是只用到一次的變量 collapse_vars: true, // 提取出出現多次但是沒有定義成變量去引用的靜態值 reduce_vars: true, } } }),

當然我們要先引入外部插件：

const UglifyJsPlugin =
require('uglifyjs-webpack-plugin');

上面是我整理給大家的，希望今后會對大家有幫助。

淺談webpack打包之后的文件過大的解決方法

Vue+ElementUI實現表單動態渲染、可視化配置的方法

angularjs使用gulp-uglify壓縮后執行報錯的解決方法

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

實際解決iview打包時UglifyJs報錯（詳細教程）

推薦度：

點擊下載本文 文檔為doc格式

標簽：打包錯誤解決

熱門焦點

實際解決iview打包時UglifyJs報錯（詳細教程）

實際解決iview打包時UglifyJs報錯（詳細教程）

實際解決iview打包時UglifyJs報錯（詳細教程）

最新推薦

猜你喜歡

熱門推薦