CSS 似乎本来并不是拿来做工程的,只是排排版。但是后来网页更复杂、更像应用, CSS 显得有点力不从心。比方说, CSS 没有作用域,只能通过手动把类名写长来区分,但这样不利于自动检查。
现在 React 和 JSX 可以封装 HTML 和 JavaScript ,但是 CSS 要怎么一并封装进去呢?应该直接写在 HTML 标签里吗?(似乎这样是避免污染的唯一方法?)
CSS 似乎本来并不是拿来做工程的,只是排排版。但是后来网页更复杂、更像应用, CSS 显得有点力不从心。比方说, CSS 没有作用域,只能通过手动把类名写长来区分,但这样不利于自动检查。
现在 React 和 JSX 可以封装 HTML 和 JavaScript ,但是 CSS 要怎么一并封装进去呢?应该直接写在 HTML 标签里吗?(似乎这样是避免污染的唯一方法?)
|
1
CSS Modules 挺好用的。
|
|
rokeyzkiOct 1, 2015
2
LESS
|
|
StevenjlHoOct 1, 2015 via iPhone
3
你可以看看 Sass ,配合 Gulp 编译成 CSS 就更好了
|
|
fuermosi777Oct 1, 2015
4
less +1
|
|
ljbha007Oct 1, 2015
5
新的 Web Components API 大概就是为了这个目的而发布的
浏览器原生支持 React 和 Angular 这样的自定义标签 新增了 template 标签用于存放生成 shadow dom 用的模版 还可以单独存放该模版的样式表 下面是一些介绍 https://css-tricks.com/modular-future-web-components/ |
|
chairuosenOct 1, 2015
9
webpack 的 vue-loader 可以 打包 html js css 封装在一起的文件(*.vue)
|
|
jiongxiaobuOct 1, 2015 via Android
10
Webpack 的 css-loader
|
|
adspeOct 2, 2015
11
ITCSS
|