Модули CSS не стилизуют мое приложение при развертывании в Firebase.Создать приложение React

Question

Я изменил webpack.config.dev.js и webpack.config.prod.js как в папке config, так и в папке node_modules / реагировать-скрипты / config, чтобы разрешить такие модули CSS:

test: /\.css$/,
loader: ExtractTextPlugin.extract(
  Object.assign(
    {
      fallback: require.resolve('style-loader'),
      use: [
        {
          loader: require.resolve('css-loader'),
          options: {
            importLoaders: 1,
                        modules: true,
                        localIdentName: '[name]__[local]__[hash:base64:5]'

Когда я запускаю свое приложение в режиме разработки с npm start, оно прекрасно работает, и модули CSS применяются правильно.

Однако, когда я build прикладываю мое приложение и развертываю его в Firebase, стили CSS исчезают..

Это общая проблема?Как я могу решить это?

Answer 1

Если вы обновляетесь до версии 2-скриптов реагирования, вам не нужно извлекать, чтобы эта работа работала.Сборка будет автоматически работать с модулями CSS.Я бы порекомендовал обновить ваши реагирующие сценарии до v2, используя yarn upgrade react-scripts@latest

Затем повторно запустите yarn build и посмотрите, правильно ли работает развертывание.Для этого вам не нужно изменять конфигурацию вашего веб-пакета.