如何将package.json中的name同步到 根节点 的类名上

上边的问题 我使用了两个方案解决,但存在缺点
方案1:在app.vue页面 导入 package.json然后通过mounted获取到根节点并添加类名
方案1的问题是在网络不好的情况下可能会出现闪屏的情况
方案2:在main.js中通过定义vue 的实例 在挂载到节点后使用 $el.className 将导入的package.json 的name赋值
方案2的问题是不可以在项目打包的时候将package.json文件也打包

package.json#name 设定为构建时变量

我需要了解哪些知识可以解决这个问题呢?我想过这样去做,但是我没有找到解决的方案。如果可以 麻烦指点一下具体 感谢

https://cli.vuejs.org/zh/guide/mode-and-env.html#在客户端侧代码中使用环境变量

看下面的示例,几乎就是你需要的

1 Like