VUE 项目中引入 json 配置

时间:2022-06-24
本文章向大家介绍VUE 项目中引入 json 配置,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

版权声明:这可是本菇凉辛辛苦苦原创的,转载请一定带上我家地址,不要忘记了哈 . https://blog.csdn.net/u011314442/article/details/90897906

这个写法还是第一次见到,也不知道是否还有什么环境配置,记录一下,或许以后什么时候也可以参考:

1. 项目文件结构:

2. json 引入方式:

<link rel="manifest" href="<%= htmlWebpackPlugin.files.publicPath %>static/manifest.json">

3. json 定义:

{
  "name": "lbd",
  "short_name": "lbd",
  "icons": [
    {
      "src": "/static/img/icons/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/static/img/icons/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "start_url": "/index.html",
  "display": "standalone",
  "background_color": "#000000",
  "theme_color": "#4DBA87"
}