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

Vite結合Vue刪除指定環(huán)境的console.log問題

 更新時間：2023年03月11日 16:51:40   作者：小火車況且況且  
這篇文章主要介紹了Vite結合Vue刪除指定環(huán)境的console.log問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

Vite結合Vue刪除指定環(huán)境的console.log

Vite結合Vue刪除指定環(huán)境的console.log

1.可以通過配置build.minify和build.terserOptions

不推薦是因為打包速度會變慢, 并且Vite3.x的版本配置了minify:'terser',需要下載yarn add terser -D

vite.config.ts文件

export default defineConfig(({ command, mode }) => {
return {
	...
	build: {
		minify: "terser",
		terserOptions: {
				compress: {
					drop_console : true	
				}
		}	
	}
	...
}
})

2.通過賦值為空函數(shù)

在main.ts中配置

...
// 這里的 VITE_ENV 是自定義的環(huán)境變量 參考 
// https://cn.vitejs.dev/guide/env-and-mode.html#env-variables
if (import.meta.env.VITE_ENV !== 'development') {
  console.log = function () {}
  // 還可以添加 .info .warn .error
}
...

Vue項目打包并去掉所有的console.log輸出

  • npm run build 生成dist文件夾
  • 路由懶加載
  • 去掉所有的console 安裝插babel-plugin-remove-console(項目上線時要用到的插件) npm i babel-plugin-transform-remove-console -D
  • 移除打包的第三方包
// 項目在發(fā)布時需要用到的 babel 插件數(shù)組
const proPlugins = []
// 如果當前是測試環(huán)境或者是生產(chǎn)環(huán)境，則使用去掉 console 的插件
if (process.env.NODE_ENV === 'test' || process.env.NODE_ENV === 'production') {
  proPlugins.push('transform-remove-console')
}
 
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ],
    ...proPlugins
  ]
 
}

總結

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

相關文章

最新評論