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" 的分步指南。
如何使用 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" 的分步指南。