包裹反应16和每个组件SCSS

Posted 2021-05-04

如何使用parcel设置一个环境，其中每个组件都有自己的，分区的，SCSS样式的文件，这些文件不会相互干扰（EG甚至可以在两个文件中具有相同的类名，并且它们不适用于这两个元素在使用它的Webapp上，每个组件都会收到它指定的组件。）

我之前在一个有角度的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”。