Vite：是否可以排除代码元素的构建？

Question

我正在寻找 Vite 中的一个“功能”，它允许我从构建中排除一些代码。据我记得在 webpack 中有一个功能，你可以创建一些评论，例如：

###SOMETHING
<code goes here>
###END_SOMETHING

并且 ###SOMETHING 和 ###END_SOMETHING 之间的代码在构建过程中未包含在输出文件中。 Vite 中是否有相关功能可用，或者是否有其他方法来执行此类操作？基本上这些“标签”之间的代码需要在文件中并在

vite dev

期间工作，但需要被

vite build

省略。

我找到了汇总设置，但它只包含整个文件。

Answer 1

应该可以使用

import.meta.env

变量根据执行模式（生产或开发）有条件地评估 Javascript。

vite dev

默认情况下将在开发模式下运行，

vite build

将使用生产模式（您可以通过

--mode

覆盖）

参见https://vitejs.dev/guide/env-and-mode.html#modes

在您的情况下，您可以使用

import.meta.env.DEV

来查看您是否处于开发模式并有条件地运行一些代码，例如：

if (import.meta.env.DEV) {
    // code runs in vite dev
}