亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue-cli2,vue-cli3,vite?生產(chǎn)環(huán)境去掉console.log

 更新時間:2024年05月08日 09:39:51   作者:Cola-blog  
console.log一般都是在開發(fā)環(huán)境下使用的,在生產(chǎn)環(huán)境下需要去除?,本文主要介紹了vue-cli2,vue-cli3,vite?生產(chǎn)環(huán)境去掉console.log,具有一定的參考價值,感興趣的可以了解一下

console.log一般都是在開發(fā)環(huán)境下使用的,在生產(chǎn)環(huán)境下需要去除 ,如果手動刪除未免也太累了,我們可以用插件對于具體環(huán)境全局處理。

vue-cli2

項目build 下面webpack.prod.config.js 文件中:

plugins: [
    new webpack.DefinePlugin({
      'process.env': env
    }),
    new UglifyJsPlugin({
      uglifyOptions: {
        compress: {
          warnings: false,
          //drop_console  傳遞true以放棄對控制臺的調(diào)用。*功能
          drop_console: true,
          // pure_funces 禁用console.log函數(shù)
          pure_funcs: ['console.log']
        }
      },
      sourceMap: config.build.productionSourceMap,
      parallel: true
    }),
     
    ......
]

vue-cli3

vue.config.js 里配置.

configureWebpack: config => {
    //生產(chǎn)環(huán)境取消 console.log
    if (process.env.NODE_ENV === 'production') {
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
  },

 如果生產(chǎn)環(huán)境的文件中NODE_ENV  自定義,不是production,上述代碼或報錯,會顯示找不到minimizer, 所以生產(chǎn)環(huán)境的NODE_ENV 盡量設(shè)置為production

生產(chǎn)環(huán)境NODE_ENV  自定義或者為production,都可以用下面的代碼

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 
configureWebpack: config => {
    //生產(chǎn)環(huán)境取消 console.log
    if (process.env.NODE_ENV === 'prod') {
        optimization: {
            minimizer: [
                new UglifyJsPlugin({
                    uglifyOptions: {
                        compress: {
                            // warnings: false,
                            drop_console: true, //注釋console
                            drop_debugger: true,
                            pure_funcs: ['console.log'] //移除console
                        }
                    }
                })
            ]
        }
    }
  },

vite

1.build.minify為terser時(terser需要npm單獨安裝):

npm add -D terser

vite.config.ts  里配置.

import { defineConfig } from 'vite'
export default defineConfig( { 
...
    build : {
        minify : 'terser' ,
        terserOptions : {
            compress : {
                drop_console : true ,
                drop_debugger : true ,
            } ,
        } , 
    } ,
...
} )

2. build.minify默認(rèn)為esbuild時:

    build : {
        esbuild: {
            drop: mode === 'production' ? ['console', 'debugger'] : []
        },
    }

到此這篇關(guān)于vue-cli2,vue-cli3,vite 生產(chǎn)環(huán)境去掉console.log的文章就介紹到這了,更多相關(guān)vue 生產(chǎn)環(huán)境去掉console.log內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家! 

相關(guān)文章

  • vue v-for 使用問題整理小結(jié)

    vue v-for 使用問題整理小結(jié)

    使用v-for指令的時候遇到一個錯誤問題,具體錯誤代碼在文章給大家列出,對vue v-for使用問題感興趣的朋友跟隨小編一起學(xué)習(xí)吧
    2019-08-08
  • vue+element-ui+sortable.js實現(xiàn)表格拖拽功能

    vue+element-ui+sortable.js實現(xiàn)表格拖拽功能

    這篇文章主要為大家詳細(xì)介紹了vue+element-ui+sortable.js實現(xiàn)表格拖拽功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • Vue商品控件與購物車聯(lián)動效果的實例代碼

    Vue商品控件與購物車聯(lián)動效果的實例代碼

    這篇文章主要介紹了Vue商品控件與購物車聯(lián)動效果的實例代碼,代碼簡單易懂非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-07-07
  • 使用vue-cli3打包dist路徑問題修改打包配置

    使用vue-cli3打包dist路徑問題修改打包配置

    這篇文章主要介紹了使用vue-cli3打包dist路徑問題修改打包配置,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • 詳解Vue.js中引入圖片路徑的幾種方式

    詳解Vue.js中引入圖片路徑的幾種方式

    這篇文章主要介紹了Vue.js中引入圖片路徑的幾種方式,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • vue項目實現(xiàn)記住密碼到cookie功能示例(附源碼)

    vue項目實現(xiàn)記住密碼到cookie功能示例(附源碼)

    本篇文章主要介紹了vue項目實現(xiàn)記住密碼到cookie功能示例(附源碼),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-01-01
  • 如何解決Element UI el-dialog打開一次后無法再次打開問題

    如何解決Element UI el-dialog打開一次后無法再次打開問題

    這篇文章主要介紹了如何解決Element UI el-dialog打開一次后無法再次打開問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-02-02
  • vue如何利用store實現(xiàn)兩個平行組件間的傳值

    vue如何利用store實現(xiàn)兩個平行組件間的傳值

    這篇文章主要介紹了vue如何利用store實現(xiàn)兩個平行組件間的傳值,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vite vue3 路由配置@找不到文件的問題及解決

    vite vue3 路由配置@找不到文件的問題及解決

    在Vite項目中配置路由時,可能會遇到文件路徑錯誤導(dǎo)致的加載失敗問題,常見的解決辦法包括安裝路徑處理插件、正確設(shè)置vite.config.js中的路徑別名以及重啟項目,通過正確配置,可以確保路由正確加載對應(yīng)的界面文件,避免路徑錯誤導(dǎo)致的問題
    2024-10-10
  • 詳解如何使用 vue-cli 開發(fā)多頁應(yīng)用

    詳解如何使用 vue-cli 開發(fā)多頁應(yīng)用

    本篇文章主要介紹了詳解如何使用 vue-cli 開發(fā)多頁應(yīng)用,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-12-12

最新評論