Я работаю над приложением 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?
Спасибо!