使用 Create-React-App,是否可以像使用 grunt/gulp 一样在构建过程中将代码注入/替换/附加到 index.html 文件中?

Ton*_*ony 5 asp.net build code-injection reactjs create-react-app

Create-react-app 在 build 文件夹中创建一个 index.html 文件,我巧妙地将该文件重命名为 index.aspx,(in package.json - "build": "react-scripts build && mv build/index.html build/index.aspx",)因为我需要该应用程序在我们服务器上的模板中运行 - 它确实如此。但是,我目前必须在新的 index.aspx 文件中<%@ Page language="c#" CodeBehind="index_fw2.aspx.cs" AutoEventWireup="false" Inherits="IMod.Web.V2.Index" %>的 之前过去<!doctype html>,以便模板在我们的服务器上呈现。

无论如何,我是否可以让 create-react-app 将其注入到新重命名的 index.aspx 文件中,甚至在构建过程中从 index.html 重命名之前?我到处寻找这方面的参考资料。

Vik*_*rma 4

以下解决方案对我有用。我们不需要为此使用 craco。只需使用创建一个环境变量env-cmd并将其放置在 HTML 代码中即可。

在环境文件中:

 REACT_APP_ASP_NET=<%@ Page language="c#" CodeBehind="index_fw2.aspx.cs" AutoEventWireup="false" Inherits="IMod.Web.V2.Index" %>  
Run Code Online (Sandbox Code Playgroud)

在 HTML 页面中(只需将其放在页面顶部):

  %REACT_APP_ASP_NET%
Run Code Online (Sandbox Code Playgroud)