В настоящее время я запускаю dev-сервер так:
webpack-dev-server --config webpack.dev.config.js
Я пытаюсь добавить therapist
точку входа в мою конфигурацию dev webpack следующим образом:
module.exports = {
entry: {
patient: "./src/PatientViewer/patient.app.tsx",
therapist: "./src/TherapistViewer/therapist.app.tsx", //<-----------------
},
mode: "development",
...
output: {
filename: "[name].js",
path: path.resolve(__dirname, "dist"),
},
devServer: {
contentBase: [path.join(__dirname, "public"), path.join(__dirname, "dist")],
index: "index.html",
hot: false,
},
plugins: [
new HtmlWebpackPlugin({
inject: true,
template: path.join(__dirname, "public", "index.html"),
})
]
};
Однако это не работает, поскольку файл therapist.app.tsx имеет свои собственные маршруты, которые перекрываются с Patient.app.tsx.
Я не понимаю, как я могу обслуживать только терапевтическую часть приложения. Я ищу что-то вроде webpack-dev-server --config webpack.dev.config.js --app therapist
Есть ли способ сделать это?
Или, может быть, я неправильно понимаю назначение нескольких точек входа? Я хочу загрузить точки входа, полностью независимые друг от друга. Я предполагаю, что приложение "терпение" и приложение "терапевт", которые в производстве будут находиться в совершенно разных доменах (например, patientapp.com и therapistapp.com), поэтому в процессе разработки я пытаюсь получить к ним доступ таким же образом.