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

Vue生產(chǎn)環(huán)境如何自動(dòng)屏蔽console

 更新時(shí)間：2024年06月06日 15:09:56   作者：北長(zhǎng)風(fēng)  
這篇文章主要介紹了Vue生產(chǎn)環(huán)境如何自動(dòng)屏蔽console問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

Vue生產(chǎn)環(huán)境自動(dòng)屏蔽console

背景

在開(kāi)發(fā)中打的log可能會(huì)忘記刪除導(dǎo)致發(fā)上生產(chǎn)版本后有l(wèi)og打出

為了保證生產(chǎn)環(huán)境不受這種影響

所以在生產(chǎn)環(huán)境時(shí)自動(dòng)屏蔽console;

原理

在項(xiàng)目初始化的時(shí)候判斷環(huán)境,如果是生產(chǎn)環(huán)境則把console的指向替換;

實(shí)現(xiàn)

在main.js里插入以下代碼

// 屏蔽console
(function shieldConsole() {
    if (process.env.NODE_ENV == "production") {
        Reflect.ownKeys(console).map(key => {
            if (typeof console[key] == "function") {
                console[key] = () => {};
            }
        });
    }
    return;
})();
  • console是symbol類(lèi)型所以需要用Object.getOwnPropertySymbols()、Reflect.ownKeys() 遍歷
  • 注意使用Reflect.ownKeys()遍歷后會(huì)帶一個(gè)symbol內(nèi)置對(duì)象
  • 把console的所有方法都改空函數(shù)就不會(huì)返回了

Vue打包后取消console

module.exports = {
chainWebpack(config) {
    //delete console
    config.optimization.minimizer('terser').tap((args) => {
      args[0].terserOptions.compress.drop_console = true
      return args
    })
  }
  }

vue.config.js中增加這段代碼

總結(jié)

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

相關(guān)文章

最新評(píng)論