如何在VITE2项目中删除控制台？

Question

我试图删除我的Vite2项目的控制台。我在谷歌上搜索并找到了terserOptions，但是它不起作用。因此，我只是创建一个空白模板从官方网站使用以下代码。

yarn create vite my-vue-app --template vue

然后在Helloworld页面上添加一些console.log。vite.config.js如下：

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";


export default defineConfig({
  base: "./",
  plugins: [vue()],
  bulid: {
    terserOptions: {
      compress: {
        drop_console: true,
        drop_debugger: true,
      },
    },
  },
});

在我构建了这个项目之后，console.log仍然存在。那么，在一个由drop_console构建的项目上，如何才能正确地实现vite2呢？

Answer 1

您需要在build.minify中指定使用terser。

如果没有设置，terserOptions将被忽略，因为它默认使用esbuild。

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";


export default defineConfig({
  base: "./",
  plugins: [vue()],
  bulid: {
    minify: 'terser', // <-- add
    terserOptions: {
      compress: {
        drop_console: true,
        drop_debugger: true,
      },
    },
  },
});

此设置在build time中移除。

Answer 2

如果您想使用esbuild，可以使用以下内容：

 esbuild: {
  drop: ['console', 'debugger'],
 }