美文网首页
Vue条件编译,实现多平台编译

Vue条件编译,实现多平台编译

作者: 梦安web开发 | 来源:发表于2023-01-12 14:18 被阅读0次

条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台

插件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*/

相关文章

  • V语言学习笔记-25条件编译

    条件编译 目前主要针对不同平台,实现条件编译 按照作者的说法,为了保持V的简单,不会加入预处理,但是支持条件编译 ...

  • [每天进步一点点~] #ifdef 和 #ifend

    条件编译 条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。写法:以 #...

  • uin-app 的条件编译(APP-PLUS 、H5、MP-WE

    一、条件编译条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。 写法:以...

  • 编译和预处理指令

    1.预处理指令分类: 2.条件编译目的:防止文件重复包含和编译 条件编译当然也可以用条件语句来实现。 但是用条件语...

  • go使用build tags实现条件编译

    在C/C++中可以通过宏定义实现条件编译,比如在不同平台的机器上,调用不同的函数,或者通过编译是传递参数,调用不同...

  • uniapp实现条件编译

    条件编译是利用注释实现的,在不同语法里注释写法不一样,js使用 // 注释、css 使用 /* 注释 */、vue...

  • 条件编译指令(符号),C语言条件编译指令完全攻略

    在 C 语言中,条件编译指令可以实现源代码的部分编译功能,可以根据表达式的值或者某个特定的宏来确定编译条件,以决定...

  • 条件编译

    与 if 语句区别: 条件编译在编译之前执行,符合条件的才会被编译执行 if 语句在编译的时候都会被编译,但是只要...

  • GCC定义宏,预处理指令使用宏

    为实现跨平台编译,可以用预处理指令指定不同平台的代码,再用GCC指定具体平台,例如: 代码 编译 gcc -DPH...

  • uniapp-条件编译

    条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。 写法:以 #ifde...

网友评论

      本文标题:Vue条件编译,实现多平台编译

      本文链接:https://www.haomeiwen.com/subject/usxlortx.html