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

На самом деле у меня есть два вопроса здесь.

  1. Насколько плохо, что эти статические файлы дублируются внутри каждого пакета?

  2. Существуют ли какие-либо настройки, в которых вы можете указать Webpack экспортировать обычные статические файлы в изолированный файл, куда их могут взять client.js и server.js?

Спасибо!

0 ответов

Другие вопросы по тегам