使用 react-app-rewired 设置多个条目

Question

以下是来自开放 webpack（不是 CRA）react 项目的一些选项：

// webpack.config.js

module.exports = {
    // ...
    entry: {
        main: './src/index.js',
        'editor.worker': 'monaco-editor/esm/vs/editor/editor.worker.js',
        'yaml.worker': 'monaco-yaml/lib/esm/yaml.worker.js',
    },
    // ...

如何在config-overrides.js中实现类似的配置（使用react-app-rewired）？

// config-overrides.js

module.exports = function override (config) {
    config.entry = // ???

    return config
}

---

我的经验：

只需将其设置为：

config.entry = {
    main: './src/index.js',
    'editor.worker': 'monaco-editor/esm/vs/editor/editor.worker.js',
    'yaml.worker': 'monaco-yaml/lib/esm/yaml.worker.js',
}

不起作用。它甚至会导致加载index.js时出现问题！

Answer 1

config.optimization.runtimeChunk = 'single'

或许能帮到你……

https://webpack.js.org/configuration/optimization/#optimizationruntimechunk

---