Как подключить глобальные стили в проект, где используется css-modules?

Question

[Ольга]

Для проекта использую пакет React-Quill https://github.com/zenoamaro/react-quill, указанно что можно импортировать стили `import 'react-quill/dist/quill.snow.css'. `
Такой импорт в компонент проекта стили не подключает, так как в проекте используются css-modules. Как импортировать стили в этом случае?
webpack config

{
  test: /\.css$/,
  use: [
	{
		loader: 'style-loader'
	},
	{
		loader: 'css-loader',
		options: {
				module: true,
				importLoaders: 1,
				localIdentName: '[path][name]__[local]'
		}
	},
	{
		loader: 'postcss-loader'
	}
]
},

@import '../../../../../../node_modules/react-quill/dist/quill.snow.css';
:global{
       @import '../../../../../../node_modules/react-quill/dist/quill.snow.css';
}

не сработали

Comments

[Антон Спирин]

https://github.com/css-modules/css-modules/pull/65

Answer 1

[Роман Будняков]

подключи модуль в webpack и вставь как в описание npm пакета в компонент
import 'react-quill/dist/quill.snow.css';
module.exports = {
module: {
rules: [
{
test: /\.css$/,
use: [ 'style-loader', 'css-loader' ]
}
]
}
}