包裹反应16&按组件SCSS

时间:2018-01-26 08:17:05

标签: css reactjs sass resource-cleanup parceljs

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

我之前在一个有角度的4项目中已经看过这个,我知道它曾经可以使用webpack:ChangeDetectorRef

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

我已遵循本指南:

https://javascriptplayground.com/css-modules-webpack-react/

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

1 个答案:

答案 0 :(得分:0)

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

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