条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台
插件js-conditional-compile-loader
cross-env(运行跨平台设置和使用环境变量的脚本)
安装插件
npm i -D js-conditional-compile-loader
npm i -D cross-env
module.exports = ({
transpileDependencies: true,
outputDir: process.env.ENV_CONFIG === "public" ? "distPublic" : "distPrivate",
chainWebpack: (config) => {
let vueRule = config.module.rule('vue')
vueRule
.use("js-conditional-compile-loader")
.loader("js-conditional-compile-loader")
.tap(() => {
return {
public: process.env.ENV_CONFIG === "public"
};
})
.end();
}
})
<img alt="Vue logo" src="./assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js App" />
/*IFTRUE_public*/
<div class="public">公有云</div>
/*FITRUE_public*/
网友评论