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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› React

这是一个创建于 2949 天前的主题，其中的信息可能已经有所发展或是发生改变。

理想使用 webpack+React 应该是利用 sass 一类的工具生成 css ，然后 css 再和 component 绑定。但是似乎不能这么做？

4 条回复 • 2016-10-26 08:23:47 +08:00

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 一下