欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue項目WebPack打包刪除注釋和console

 更新時間：2022年04月13日 10:02:57   作者：單眼皮的小熊  
這篇文章主要介紹了Vue項目WebPack打包刪除注釋和console，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

WebPack打包刪除注釋和console

項目中使用了 jspdf 這個插件，webpack打包后注釋里存在這樣的

領(lǐng)導(dǎo)讓刪除，于是使用插件

cnpm install uglifyjs-webpack-plugin -D

vue.config.js里添加配置

const UglifyJsPlugin = require('uglifyjs-webpack-plugin') //引入插件
 
module.exports = {
  configureWebpack: {
    optimization: {
      minimizer: [
        new UglifyJsPlugin({
          uglifyOptions: {
            // 刪除注釋
            output: {
              comments: false
            },
            // 刪除console debugger 刪除警告
            compress: {
              drop_console: true, //console
              drop_debugger: false,
              pure_funcs: ['console.log'] //移除console
            }
          }
        })
      ]
    }
  }
}

npm run build打包去掉console和警告

在本地開發(fā)環(huán)境中肯定都會去打印一些數(shù)據(jù)，但是你如果上傳到正式環(huán)境呢這些肯定不能再有了，但是你也不能一行一行的去注釋掉吧，這樣很麻煩所以vue在配置的時候其實是有這個配置的但是需要你自己去配置文件里面修改一下，這樣才能方便你的開發(fā)二可以達到偷懶的地步

下面就說一下這個配置其實就兩行代碼就可以了

在這里插入圖片描述

在build下面的webpack.prod.conf.js里面找到這里添加上

drop_console: true,
pure_funcs: [‘console.log']

這兩句就可以完美解決了。

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。 

相關(guān)文章

最新評論