小编Raj*_*han的帖子

信息

我正在尝试生成自己的 webpack 配置，但在使其正常工作时遇到一些问题。

问题

当尝试使用优化将文件分割成块时，我收到如下错误

错误：冲突：多个块将资产发送到相同的文件名 static/js/bundle.js （块 main 和vendors-node_modules_react-hot-loader_patch_js-node_modules_react_jsx-dev-runtime_js-node_mod-4610d2）

如果我删除优化部分，它可以工作，但不会分块。我查看了 create React app webpack.config.js以获取在生成此内容时引用的内容。

正如您所看到的，他们有优化部分，可在开发和生产中进行分块。为什么我在使用的时候会出现冲突错误？

代码

我的配置的缩小/简化版本（禁用了runtimeChunk，因为它也给出了相同的冲突错误）

webpack.config.js

module.exports = () => {
    process.env.NODE_ENV = "development";
    process.env.BABEL_ENV = "development";

    return {
        mode: "development",
        entry: ["react-hot-loader/patch", "./src"],
        output: {
            path: undefined,
            publicPath: "/",
            filename: "static/js/bundle.js",
            chunkFilename: "static/js/[name].chunk.js",
        },
        optimization: {
            minimize: false,
            splitChunks: {
                chunks: "all",
                name: false
            },
            // runtimeChunk: {
            //     name: (entrypoint) => `runtime-${entrypoint.name}`,
            // },
        },
        resolve: {
            modules: [path.join(__dirname, "src"), "node_modules"],
            alias: { …

我正在尝试解析括号内有括号的字符串。只要要解析的字符串非常小并且不需要很多嵌套括号，一切都可以正常工作。

但是，当要解析的字符串变大时，我不断收到诸如FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory和 之类的错误RangeError: Maximum call stack size exceeded。

谁能告诉我如何优化/修复下面的代码，使其适用于更大尺寸的字符串，而不会出现内存和堆栈大小错误？我试图解析的大字符串可以在这里找到

目标是将字符串变成这样

"Alvor (Alv Alf Alvaro (Halfrid Halvar Halvard (Alvilde Alva (Alfie Alvor Joralv) Alfonse)) Calvin (Tjalve Alvbert Alvard))"

对此

[
  'Alvor',
  '(Alv Alf Alvaro  Calvin )',
  '(Halfrid Halvar Halvard )(Tjalve Alvbert Alvard)',
  '(Alvilde Alva  Alfonse)',
  '(Alfie Alvor Joralv)'
]

"Alvor (Alv Alf Alvaro (Halfrid Halvar Halvard (Alvilde Alva (Alfie Alvor Joralv) Alfonse)) Calvin (Tjalve Alvbert Alvard))"