В данный момент есть 3 отдельных приложения React, созданные с помощью create-react-app
. Мне нужно положить их в одну папку. Он отлично работает, когда я npm run build
. Вопрос заключается в том, как настроить веб-пакет для запуска локального сервера разработки для конкретного приложения с помощью команды, подобной npm run dev:second-app
Для настройки веб-пакета без извлечения я использую react-app-rewired
пакет. Вот код:
config-overrides.js
const path = require('path');
module.exports = function override(config, env) {
config.entry = {
firstApp: "./src/firstApp/index.js",
secondApp: "./src/secondApp/index.js",
thirdApp: "./src/thirdApp/index.js"
}
config.optimization.runtimeChunk = false;
config.optimization.splitChunks.name = 'shared';
config.output = {
path: path.resolve(__dirname, 'shopify'),
publicPath: '/',
filename: 'assets/[name].main.js',
chunkFilename: 'assets/[name].chunk.js'
}
return config;
};
package.json
...
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"postinstall": "patch-package"
}
...