美文网首页
webpack 、vue3配置全局变量

webpack 、vue3配置全局变量

作者: c6e71129966d | 来源:发表于2021-12-02 10:21 被阅读0次

vue.config.js里设置全局变量:

   let _client = app;



    config
    .plugin('define')
      .tap((args) => {
        args[0].CLIENT = JSON.stringify(_client);
      return args;
    })
  },

此时CLIENT就在编译期间被设置为全局变量了。其他的页面可以直接使用。

注意⚠️:
1.添加的变量的名称【如:CLIENT】必须为大写。
2.该plugin直接做文本替换,指定的值必须包括引号。
一般来讲,需要使用单引号"production"或使用JSON.stringify('production')

definePlugin 中的每个key都是一个定义。
-如果value是string类型,该value会被用作代码块。
-如果value不是string类型,该value是字符串化的(包括function)。
-如果value是object,所有keys要按照相同的定义。
-如果key的前缀是typeof ,则只会为typeof定义。

相关文章

网友评论

      本文标题:webpack 、vue3配置全局变量

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