React 使用 CSS module 是不是就相当于放弃了 css 的复用, css 只和 component 绑定在一起

2016-10-25 16:13:48 +08:00
 lytofb
理想使用 webpack+React 应该是利用 sass 一类的工具生成 css ,然后 css 再和 component 绑定。但是似乎不能这么做?
3741 次点击
所在节点    React
4 条回复
hronro
2016-10-25 16:24:06 +08:00
为什么不能?
lytofb
2016-10-25 16:30:13 +08:00
@hronro 因为我也是刚接触,所以我也不确定,不过从 https://github.com/tj/frontend-boilerplate.git 这个项目来看,每个 component 都绑定了一个 css 文件,最后 webpack 打包也是按照绑定这么打包的,如果要加入 sass ,那么如何用 webpack 打包呢。我没找到类似的做法
paloalto
2016-10-25 16:34:42 +08:00
用 sass-loader : https://github.com/jtangelder/sass-loader

```js
module.exports = {
...
module: {
loaders: [
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
}
]
}
};
```
lytofb
2016-10-26 08:23:47 +08:00
https://github.com/camsong/blog/issues/5 看了一个介绍 React CSS Module 的文章,对 css module 里面的样式复用可以使用 compose 关键字来使用的, mark 一下

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/315356

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX