vite-ifdef

vite条件编译插件，根据开发环境和生产环境，切换不同的代码。

Installation

npm i @zzwy/vite-ifdef

Import

vite.config.js内导入

import conditionalCompile from "@zzwy/vite-ifdef";

export default defineConfig({
  plugins: [
	 vue(),
	 conditionalCompile()
  ]
})

Using

1、html条件编译

<!---@ifdef dev-->
<h1>标题</h1>
<!---@endif-->
<div>001</div>

2、JS条件编译

//@ifdef dev
login(){
    console.log(1)
},
//@endif

3、Css条件编译

/**@ifdef dev**/
login(){
    console.log(1)
},
/**@endif**/