如何将不同的清单文件用于开发和生产Excel JS React？

Question

我正在尝试开发一个办公室加载项，并成功地将其部署到了Azure。但是，为了测试我的代码的小迭代，我想使用localhost。因此，我想拥有一个开发环境和生产环境。可悲的是，有关如何处理此操作的MS文档相当薄。如何设置项目进行部署和测试？ MS文档仅指出，建议维护不同的清单文件： Microsoft清单文档

我已经创建了一个subtest.xml和一个subtest_prod.xml文件，但是我如何配置要采用哪个清单文件的项目？在WebPack.config.js文件中，我可以看到此信息：

const urlDev = "https://localhost:3000/";
const urlProd = "https://localhost:3000/"; // CHANGE THIS TO YOUR PRODUCTION DEPLOYMENT LOCATION

但是应该如何设置项目？因此，我可以选择运行开发（本地服务器）并准备好后，我可以将其部署到Azure？

非常感谢您对此事的建议。

Answer 1

如果您使用Yeoman Generator来脚手架Web加载项项目，则使用WebPack来处理此类操作。打开wepblpack.config.js文件，然后在那里找到以下行：

const urlDev = "https://localhost:3000/";
const urlProd = "https://www.contoso.com/"; // CHANGE THIS TO YOUR PRODUCTION DEPLOYMENT LOCATION

因此，您的清单将根据用于构建解决方案的配置进行更新。以下一部分可以解决问题：

new CopyWebpackPlugin({
        patterns: [  
          {
            from: "manifest*.xml",
            to: "[name]" + "[ext]",
            transform(content) {
              if (dev) {
                return content;
              } else {
                return content.toString().replace(new RegExp(urlDev, "g"), urlProd);
              }
            },
          },
        ],
      }),

因此，在发行配置中构建加载项，您将获得正确的清单文件，该文件已复制到生产URL。

尝试使用以下命令，然后查看结果清单文件：

"build": "webpack --mode production",
"build:dev": "webpack --mode development",