Включение модуля CSS в приложении create-response-app

Как новичок, я изучаю реакцию и обнаружил небольшое изменение при попытке включить функцию модуля CSS в файле конфигурации, и мне нравится отмечать способ решения моей проблемы, поэтому я пишу это. Итак, недавно мы только что создали проект реакции с приложением create-react-app, здесь «react: 16.6.0».

Чтобы включить модуль CSS, сначала перейдите в каталог проекта, затем откройте командную строку и запустите npm run eject

Теперь внутри папки config вы найдете файлы webpack.config.dev.js и webpack.config.prod.js.

откройте эти файлы и перейдите в этот раздел.

после редактирования этот раздел webpack.config.dev.js будет выглядеть так,

{
  test: cssRegex,
  exclude: cssModuleRegex,
  use: getStyleLoaders({
    importLoaders: 1,
    modules: true,
    localIdentName: '[name]__[local]__[hash:base64:5]'
  }),
},

и

здесь в filewebpack.config.prod.js добавить

test: cssRegex,
exclude: cssModuleRegex,
loader: getStyleLoaders({
  importLoaders: 1,
  modules: true,
  localIdentName: '[name]__[local]__[hash:base64:5]',
  sourceMap: shouldUseSourceMap,
}),

После сохранения вы можете использовать модуль CSS. Импортируйте модули из пути и легко используйте его вот так.