包裹反应16和每个组件SCSS

问题描述 投票:0回答:1

如何使用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)

css reactjs sass resource-cleanup parceljs
1个回答
0
投票

这个做得好:https://medium.com/@kswanie21/css-modules-sass-in-create-react-app-37c3152de9

这是一个循序渐进的指南,使用npm包“css-modules”以及“node-sass”。

© www.soinside.com 2019 - 2024. All rights reserved.