时间戳

首页 > 解决方案 > 我可以关闭 create-react-app 分块机制吗？

javascript - 我可以关闭 create-react-app 分块机制吗？

问题描述

我正在使用create-react-app.

我想知道是否有办法关闭内置在反应脚本中的分块机制。问题是我需要修复在构建中创建的包的名称。

标签： javascriptreactjscreate-react-appchunkschunking

解决方案

可以通过使用react-app-rewired允许您修改 webpack 配置的包扩展您的 CRA 来完成。

删除构建文件名中的哈希所需的更改。

  1. 安装 react-app-rewired

npm install react-app-rewired --save-dev

  1. config-overrides.js在您的根文件夹中创建文件（在哪里package.json）

  2. 将以下代码放入config-overrides.js文件中。它保留所有 CRA 设置，仅从文件名中删除哈希部分。

    module.exports = 功能覆盖（配置，环境）{
        配置输出 = {
            ...config.output, // 复制所有设置
            文件名：“静态/js/[名称].js”，
            chunkFilename: "static/js/[name].chunk.js",
        };
        返回配置；
    };
  1. 使用新配置。在部分的package.json文件中scripts替换"build": "react-scripts build",为"build": "react-app-rewired build",

除非您要更改更多配置，否则仅react-app-rewired在build. 否则在其他脚本中替换react-scripts为react-app-rewiredeject

推荐阅读