摘要:網(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 插件配置如下:
// 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插件
參考 https://forum.vuejs.org/t/rem...
# 安裝依賴庫 $ 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://specialneedsforspecialkids.com/yun/104184.html
摘要:移除總結(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-we...
摘要:主要是首屏加載太慢。文件按需加載如果沒有這個(gè)設(shè)置,項(xiàng)目首屏加載時(shí)會加載整個(gè)網(wǎng)站所有的文件,所以將文件拆開,點(diǎn)擊某個(gè)頁面時(shí)再加載該頁面的是一個(gè)很好的優(yōu)化方法。在中,不要使用的方法引入組件,使用。使用插件,將的值改成。 主要是首屏加載太慢。 大文件定位我們可以使用webpack可視化插件Webpack Bundle Analyzer 查看工程js文件大小,然后有目的的解決過大的js文件。 ...
摘要:主要是首屏加載太慢。文件按需加載如果沒有這個(gè)設(shè)置,項(xiàng)目首屏加載時(shí)會加載整個(gè)網(wǎng)站所有的文件,所以將文件拆開,點(diǎn)擊某個(gè)頁面時(shí)再加載該頁面的是一個(gè)很好的優(yōu)化方法。在中,不要使用的方法引入組件,使用。使用插件,將的值改成。 主要是首屏加載太慢。 大文件定位我們可以使用webpack可視化插件Webpack Bundle Analyzer 查看工程js文件大小,然后有目的的解決過大的js文件。 ...
摘要:根據(jù)模板插入等生成最終生成的存放路徑,相對于的路徑模板路徑插入的位置,路徑設(shè)置屬性,屬性值是所在的路徑。配置后,在使用時(shí)將不再需要和進(jìn)行引入,直接使用即可。 一 webpack.base.conf.js 1. entry 為入口文件 1.1 在此可以綁定 babel 墊片 處理ie兼容 1.2 我們大部分為單頁面應(yīng)用(SPA),配置多頁面也可以在此配置 2. resol...
閱讀 3054·2021-11-11 16:55
閱讀 3170·2021-10-18 13:34
閱讀 592·2021-10-14 09:42
閱讀 1642·2021-09-03 10:30
閱讀 848·2021-08-05 10:02
閱讀 970·2019-08-30 11:27
閱讀 3484·2019-08-29 15:14
閱讀 1254·2019-08-29 13:02