資訊專欄INFORMATION COLUMN
摘要：移除總結(jié)使用插件配置如下移除沒成功報(bào)錯(cuò)如下配置參考優(yōu)化實(shí)踐刪除和配置最終還是沒有成功，報(bào)錯(cuò)如下使用插件安裝依賴庫配置如下生產(chǎn)環(huán)境移除總結(jié)該方案成功了
vue-cli 3.x 移除console總結(jié) 使用 uglifyjs-webpack-plugin 插件
配置如下:
// vue.config.js
const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
module.exports = {
configureWebpack: {
optimization: {
minimizer: [
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_console: true,//console
drop_debugger: false,
pure_funcs: ["console.log"]//移除console
}
}
})
]
}
},
}
沒成功報(bào)錯(cuò)如下
$ vue-cli-service build ? Building for production... ERROR Failed to compile with 5 errors 11:19:57 AM error static/js/app.2cd76486.js from UglifyJs Unexpected token: punc ?(? [static/js/app.2cd76486.js:1,23125] error static/js/chunk-66db1624.14c7d3b2.js from UglifyJs Unexpected token: punc ?(? [static/js/chunk-66db1624.14c7d3b2.js:1,733956] error static/js/exception_403.5d780122.js from UglifyJs Unexpected token: punc ?(? [static/js/exception_403.5d780122.js:1,281] error static/js/exception_404.3457fc52.js from UglifyJs Unexpected token: punc ?(? [static/js/exception_404.3457fc52.js:1,281] error static/js/exception_500.94c7c527.js from UglifyJs Unexpected token: punc ?(? [static/js/exception_500.94c7c527.js:1,283] ERROR Build failed with errors. error Command failed with exit code 1.配置optimization.minimizer
參考 vuecli3+webpack4優(yōu)化實(shí)踐（刪除console.log和配置dllPlugin）
// vue.config.js
module.exports = {
chainWebpack: (config) => {
if (process.env.NODE_ENV === "production") {
config.optimization.minimizer[0].options.terserOptions.compress.warnings = false
config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true
config.optimization.minimizer[0].options.terserOptions.compress.pure_funcs = ["console.log"]
}
}
}
最終還是沒有成功，報(bào)錯(cuò)如下：
$ vue-cli-service build ? Building for production... ERROR TypeError: Cannot read property "options" of undefined TypeError: Cannot read property "options" of undefined使用babel-plugin-transform-remove-console插件
安裝依賴庫
$ npm install babel-plugin-transform-remove-console --save-dev # or $ yarn add babel-plugin-transform-remove-console --dev
【babel.config.js】配置如下
const plugins = ["@vue/babel-plugin-transform-vue-jsx"]
// 生產(chǎn)環(huán)境移除console
if(process.env.NODE_ENV === "production") {
plugins.push("transform-remove-console")
}
module.exports = {
plugins: plugins,
presets: [
[
"@vue/app", {
modules: false,
targets: {
browsers: ["> 1%", "last 2 versions", "not ie <= 8", "Android >= 4", "iOS >= 8"]
},
useBuiltIns: "entry",
}
]
]
}
總結(jié)該方案成功了
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104183.html
摘要：前言都到了，所以是時(shí)候玩轉(zhuǎn)一下的新特性了。安裝的包名稱由改成了。方法一原因的配置改變了，導(dǎo)致正確的不能用。打開終端，切換到根路徑文件里面修改為方法二是默認(rèn)路徑修改了路徑會(huì)出現(xiàn)錯(cuò)誤。按上面的方法修改完，再全局卸載果然就成功了。 showImg(https://segmentfault.com/img/remote/1460000016423946); 前言 vue-cli 都到 3.0....
摘要：網(wǎng)上找了很多的配置，很多已經(jīng)不適用了，把采坑的經(jīng)歷記錄下來，供參考。一使用插件配置如下移除沒成功報(bào)錯(cuò)如下二配置參考優(yōu)化實(shí)踐刪除和配置最終還是沒有成功，報(bào)錯(cuò)如下三使用插件參考安裝依賴庫配置如下生產(chǎn)環(huán)境移除總結(jié)該方案成功了 網(wǎng)上找了很多vue-cli 3.x的配置，很多已經(jīng)不適用了，把采坑的經(jīng)歷記錄下來，供參考。 一、使用 uglifyjs-webpack-plugin 插件 配置如下: ...
摘要：前言本文講解如何在項(xiàng)目中使用來搭建并開發(fā)項(xiàng)目，并在此過程中踩過的坑。具有類型系統(tǒng)，且是的超集，在年勢頭迅猛，可謂遍地開花。年將會(huì)更加普及，能夠熟練掌握，并使用開發(fā)過項(xiàng)目，將更加成為前端開發(fā)者的優(yōu)勢。 showImg(https://segmentfault.com/img/remote/1460000018720573); 前言 本文講解如何在 Vue 項(xiàng)目中使用 TypeScript...
摘要：其中定義了一些命令，還記得我們初始化項(xiàng)目完成后執(zhí)行其實(shí)就是執(zhí)行簡單的來說是運(yùn)行時(shí)依賴生產(chǎn)環(huán)境，是開發(fā)時(shí)的依賴開發(fā)環(huán)境相應(yīng)的在安裝包時(shí)，有兩種命令參數(shù)可以把它們的信息寫入文件，會(huì)把依賴包名稱添加到文件鍵下，則添加到文件鍵下。 這次主要是記錄下自己在做vue-cli +webpack +vue-router 的經(jīng)歷 以及一些踩過的坑，算是做一個(gè)簡單的總結(jié) 一.vue的基本介紹 1）漸進(jìn)式的...
閱讀 3468·2021-11-16 11:45
閱讀 4600·2021-09-22 15:38
閱讀 2952·2021-09-22 15:26
閱讀 3501·2021-09-01 10:48
閱讀 1078·2019-08-30 15:56
閱讀 812·2019-08-29 13:58
閱讀 1641·2019-08-28 18:00
閱讀 2369·2019-08-27 10:53
