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

Vue項(xiàng)目WebPack打包刪除注釋和console

 更新時(shí)間：2022年04月13日 10:02:57   作者：?jiǎn)窝燮さ男⌒? 
這篇文章主要介紹了Vue項(xiàng)目WebPack打包刪除注釋和console，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

WebPack打包刪除注釋和console

項(xiàng)目中使用了 jspdf 這個(gè)插件，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)境中肯定都會(huì)去打印一些數(shù)據(jù)，但是你如果上傳到正式環(huán)境呢這些肯定不能再有了，但是你也不能一行一行的去注釋掉吧，這樣很麻煩所以vue在配置的時(shí)候其實(shí)是有這個(gè)配置的但是需要你自己去配置文件里面修改一下，這樣才能方便你的開發(fā)二可以達(dá)到偷懶的地步

下面就說一下這個(gè)配置其實(shí)就兩行代碼就可以了

在這里插入圖片描述

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

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

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

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

相關(guān)文章

最新評(píng)論