React SSR: статические файлы на клиентских и серверных комплектах
Я работаю над приложением ssr React, где я использовал только Webpack для создания клиентского пакета. Но теперь мне нужно добавить статические файлы, такие как изображения или пользовательские шрифты, поэтому я должен создать файл сервера Webpack для пакетов кода сервера.
Итак, вот мои текущие настройки для загрузки этих файлов.
От webpack.server.js
module.exports = {
...
module: {
rules: [
{ test: /\.js$/, exclude: /node_modules/, use: 'babel-loader' },
{
test: /\.(jpe?g|png|ttf|eot|otf|gif|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
use: 'url-loader'
}
]
}
};
От webpack.client.js
module.exports = {
...
module: {
rules: [
{ test: /\.js$/, exclude: /node_modules/, use: 'babel-loader' },
{
test: /\.(jpe?g|png|ttf|eot|otf|gif|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
use: 'url-loader'
}
]
}
};
Итак, в основном у меня одинаковая конфигурация для включения моих статических файлов, поэтому у меня будут одинаковые файлы в двух моих пакетах client.js и server.js
На самом деле у меня есть два вопроса здесь.
Насколько плохо, что эти статические файлы дублируются внутри каждого пакета?
Существуют ли какие-либо настройки, в которых вы можете указать Webpack экспортировать обычные статические файлы в изолированный файл, куда их могут взять client.js и server.js?
Спасибо!