在 React 和 webpack 中包含 manifest.js 而不是 manifest.json

编程问答 2022-05-02

问题描述

我能找到的所有解决方案都在谈论manifest.json。我可能会出错，但在我的 manifest.js 中，我的 `manifest.js 中有一些需求，所以我认为它不可能是一个 json 文件。

我尝试将其包含在我的 webpack.config.js 中，但进行了灯塔审核，它仍然显示“未获取清单”

  {
    test: /manifest.js$/,use: [
      {
        loader: "file-loader",options: {
          name: "ui/[name].[hash].json",},"extract-loader",],

这是我的manifest.js

const Icon192 = require("../images/icon-192x192.png");
const Icon512 = require("../images/icon-512x512.png")

const manifest = {
  icons: [
    {
      src: Icon192,sizes: "192x192",type: "image/png",{
      src: Icon512,sizes: "512x512",name: "My_App",short_name: "My_App",orientation: "portrait",display: "standalone",start_url: "/",theme_color: "    #228B22",background_color: "#ffffff",description: "Any Maskable",start_url: "https://example.com",display: "browser",prefer_related_applications: false
};

module.exports = JSON.stringify(manifest,null,2);

如果我不需要这些要求，并且可以用不同的方式做到这一点，请告诉我

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

manifestmanifestmanifestmanifest.jsonreactjsreactjsreactjsreactjswebpackwebpackwebpack