时间戳

首页 > 解决方案 > 使用 react-app-rewired 设置多个条目

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

问题描述

以下是来自开放 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！

标签： javascriptreactjswebpackreact-app-rewiredwebpack-config

解决方案

config.optimization.runtimeChunk = 'single'

也许能帮助你...

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

推荐阅读