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

lytofb 2016-10-25 16:13:48 +08:00 4069 次点击

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

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

CSS

React

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

关于帮助文档自助推广系统博客 API FAQ Solana 2492 人在线 最高记录 6679

Select Language

创意工作者们的社区

World is powered by solitude

VERSION: 3.9.8.5 23ms UTC 05:45 PG 13:45 LAX 22:45 JFK 01:45
Do have faith in what you're doing.