Parcel React 16 和基于组件的 SCSS

Parcel React 16 & Per-Component SCSS

如何使用 parcel 设置一个环境,其中每个组件都有自己的、分隔的 SCSS 样式文件,这些文件不会相互干扰(例如,您甚至可以在两个文件中使用相同的 class 名称并且它们不会应用于您的 Webapp 上使用它的两个元素,每个组件都会收到它指定的一个。)

我以前在一个 angular 4 项目中看到过这个,我知道它曾经可以用 webpack 实现:https://javascriptplayground.com/css-modules-webpack-react/

但我想用包裹来完成这个。

我已遵循此指南:

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

设置 Parcel-React。 (对于 Scss 这只是个人喜好,我已经在使用它了,因为它在包裹中设置起来非常容易,但这个问题也可以很容易地应用于 css)

应该这样做:https://medium.com/@kswanie21/css-modules-sass-in-create-react-app-37c3152de9

这是使用 npm 包 "css-modules" 以及 "node-sass" 的分步指南。