关于如何写React.js组件的样式

Question

大家是怎么写 React.js 组件的样式的呢？

是每一个小组件都写一个样式文件，还是写到一个样式文件里面？

还是直接写到js里面（看到一个项目的样式是写在js里面的）

谢谢大家分享自己的做法

Answer 1

你是指 reactjs 吧，这个真是仁者见仁了。我习惯是用 less 写在样式文件中，每个模块都有自己的样式，import 引入。最后用 ExtractTextPlugin 输出合并成 CSS，这样 JS 和 CSS 既分离又做到按模块划分，最终打包得到的文件一个JS一个CSS也不会混杂，干净整洁。要是 react native 的话，简单粗暴和写到行内感觉更有效一点。