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

Я изменил файлы webpack.config.dev.js и webpack.config.prod.js как в папке config, так и в папке node_modules / response-scripts / 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 исчезают.

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


person Miguel Duque Marulanda    schedule 18.10.2018    source источник
comment
Прочтите этот ответ: stackoverflow.com/a/51128749/5007662   -  person giraffesyo    schedule 18.10.2018


Ответы (1)


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

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

person giraffesyo    schedule 18.10.2018