Parcel React 16 & SCSS для каждого компонента

Question

Как настроить среду с участком, в котором каждый компонент имеет свой собственный, разделенный на части, файл стиля SCSS, который не мешает друг другу (например, вы можете даже иметь одинаковые имена классов в двух файлах, и они не будут применяться к обоим элементам в вашем веб-приложении, которое его использует, каждый компонент получит обозначенный один.)

Я видел, как это делалось ранее в проекте angular 4, и я знаю, что раньше это было возможно с помощью веб-пакета: https://javascriptplayground.com/css-modules-webpack-react/

но я бы хотел сделать это с посылкой.

Я следовал этому руководству:

https://www.valentinog.com/blog/tutorial-react-parcel-bundler/

настроить Parcel-React. (для Scss это просто личное предпочтение, которым я уже пользуюсь, так как в посылке смехотворно легко его настроить, но этот вопрос так же легко можно было бы применить к css)

Answer 1

Это нужно сделать: https://medium.com/@kswanie21/css-modules-sass-in-create-react-app-37c3152de9

Это пошаговое руководство, использующее пакет npm "css-modules", а также "node-sass".