vite如何build时清除console.log()

最新推荐文章于 2024-08-29 10:45:47 发布

biaobiaogege

最新推荐文章于 2024-08-29 10:45:47 发布

阅读量6.4k

点赞数 7

文章标签： typescript vscode

本文链接：https://blog.csdn.net/biaobiaogege/article/details/123916350

版权

本文详细介绍了如何在Vue CLI项目中使用babel-plugin-transform-remove-console插件，并在vite.config.ts中配置build块，以在生产环境移除console.log()，提升应用性能。

摘要由CSDN通过智能技术生成

vite打包时清除console.log()

1、在vue-cli中移除console，下载babel-plugin-transform-remove-console插件，配置 babel.config.js文件

2、vite build清除console.log()：vscode项目中，找到vite.config.ts文件：

进行如下配置，主要是build块的配置

import { defineConfig,loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
    plugins: [vue()],
    build:{
      minify: 'terser',
      terserOptions: {
        compress: {
            //生产环境时移除console.log()
            drop_console: true,
            drop_debugger: true,
        },
      },
    },
})