Vite + vue3配置打包后移除console及debugger

最新推荐文章于 2025-05-13 09:30:00 发布

原创最新推荐文章于 2025-05-13 09:30:00 发布 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue #vue.js

小白前端专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了如何使用Vite构建项目时，针对生产环境进行配置优化，包括启用terser压缩并移除console和debugger。重点展示了如何在defineConfig中集成vue插件以支持Vue开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vite已经配置好了，废话少说直接上代码

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  build: {
    minify: 'terser',
    terserOptions: {
      compress: {
        //生产环境时移除console
        drop_console: true,
        drop_debugger: true,
      },
    }
  },
})