vite-plugin-conditional-compiler
Conditional compilation syntax based on environment variables
English | 简体中文
Installation
pnpm i -D vite-plugin-conditional-compiler
Usage
// vite.config.ts
import { defineConfig } from "vite";
import ConditionalCompile from "vite-plugin-conditional-compiler";
export default defineConfig({
plugins: [ConditionalCompile()],
});Syntax
Start with #v-ifdef or #v-ifndef then append %ENV%, end with #v-endif
#v-ifdef: if defined#v-ifndef: if not defined%ENV%Vite environment variables
Examples
// Compile in production environment only
// #v-ifdef PROD
value = 1;
// #v-endif/* Compile except the development environment */
/* #v-ifndef DEV */
.code {
}
/* #v-endif */// Condition or, not supported &&
// Compile in production or development
// #v-ifdef PROD||DEV
value = 1;
// #v-endif// Allow custom environment variables
// Compile only when 'VITE_MY_ENV' exists and is not false
// #v-ifdef VITE_MY_ENV
value = 1;
// #v-endif// Allow specified values
// Compile only when 'VITE_MY_ENV' exists and is equal to hi
// #v-ifdef VITE_MY_ENV=hi
value = 1;
// #v-endifOther
With the better-comments plugin in VsCode, syntax can be highlighted
{
"tag": "#v",
"color": "#fff",
"strikethrough": false,
"underline": false,
"backgroundColor": "#0000ff",
"bold": true,
"italic": false
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent