CSS 如何更加工程化？

[Axurez]

CSS 似乎本来并不是拿来做工程的，只是排排版。但是后来网页更复杂、更像应用， CSS 显得有点力不从心。比方说， CSS 没有作用域，只能通过手动把类名写长来区分，但这样不利于自动检查。

现在 React 和 JSX 可以封装 HTML 和 JavaScript ，但是 CSS 要怎么一并封装进去呢？应该直接写在 HTML 标签里吗？（似乎这样是避免污染的唯一方法？）

[keyanzhang]

CSS Modules 挺好用的。

[rokeyzki]

LESS

[StevenjlHo]

你可以看看 Sass ，配合 Gulp 编译成 CSS 就更好了

[fuermosi777]

less +1

[ljbha007]

新的 Web Components API 大概就是为了这个目的而发布的
浏览器原生支持 React 和 Angular 这样的自定义标签
新增了 template 标签用于存放生成 shadow dom 用的模版
还可以单独存放该模版的样式表
下面是一些介绍
https://css-tricks.com/modular-future-web-components/

[ljbha007]

http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/

[ljbha007]

http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/

[ljbha007]

http://www.html5rocks.com/en/tutorials/webcomponents/yeoman/

[chairuosen]

webpack 的 vue-loader 可以 打包 html js css 封装在一起的文件(*.vue)

[jiongxiaobu]

Webpack 的 css-loader

[adspe]

ITCSS