如圖,找到build/webpack.prod.conf.js 在 UglifyJsPlugin 插件下添加下列代碼 ...
開發過程中我們不可避免的需要console.log調試,然而在上線時如果不刪除這些console.log可能會造成內存泄漏,因為console.log出來的變量是不會被GC的,webpack給我們提供了一個非常棒的插件,看代碼: ...
2019-10-09 16:54 0 306 推薦指數:
如圖,找到build/webpack.prod.conf.js 在 UglifyJsPlugin 插件下添加下列代碼 ...
在webpack.prod.conf.js里面的plugins里面加上 參考鏈接 https://webpack.js.org/configuration/plugins/ ...
pure_funcs: ['console.log']//移除console } ...
terser 由於老牌工具uglify不支持es6,且uglify-es不再更新,我們選擇terser作為js代碼壓縮工具。 其他配置可以參考terser官網 terser-webpack-plugin 這是terser的webpack插件版。由於vue-cli工具中已經用到 ...
插件名: babel-plugin-transfrom-remove-console 運行安裝命令: 如果是vue-cli4版本的腳手架工具,直接打開babel.config.js 文件在plugins 中添加 具體配置: ...
開發環境下需要console打印很多的數據,但是放在放在線上想過濾掉console,debugger這些,只要在webpack的配置里面加上一段代碼就可以過濾掉。對於webpack4以上的版本過濾console方法: build-->webpack.prod.conf中找到 ...