V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Axurez
V2EX  ›  问与答

CSS 如何更加工程化?

  •  
  •   Axurez · 2015-10-01 10:09:40 +08:00 · 2935 次点击
    这是一个创建于 3132 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    11 条回复    2015-10-02 08:27:34 +08:00
    keyanzhang
        1
    keyanzhang  
       2015-10-01 10:14:23 +08:00   ❤️ 1
    CSS Modules 挺好用的。
    rokeyzki
        2
    rokeyzki  
       2015-10-01 10:15:16 +08:00
    LESS
    StevenjlHo
        3
    StevenjlHo  
       2015-10-01 11:19:58 +08:00 via iPhone
    你可以看看 Sass ,配合 Gulp 编译成 CSS 就更好了
    fuermosi777
        4
    fuermosi777  
       2015-10-01 11:30:04 +08:00
    less +1
    ljbha007
        5
    ljbha007  
       2015-10-01 11:54:05 +08:00
    新的 Web Components API 大概就是为了这个目的而发布的
    浏览器原生支持 React 和 Angular 这样的自定义标签
    新增了 template 标签用于存放生成 shadow dom 用的模版
    还可以单独存放该模版的样式表
    下面是一些介绍
    https://css-tricks.com/modular-future-web-components/
    ljbha007
        8
    ljbha007  
       2015-10-01 12:01:28 +08:00
    chairuosen
        9
    chairuosen  
       2015-10-01 12:41:17 +08:00
    webpack 的 vue-loader 可以 打包 html js css 封装在一起的文件(*.vue)
    jiongxiaobu
        10
    jiongxiaobu  
       2015-10-01 14:10:38 +08:00 via Android
    Webpack 的 css-loader
    adspe
        11
    adspe  
       2015-10-02 08:27:34 +08:00
    ITCSS
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3331 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 11:22 · PVG 19:22 · LAX 04:22 · JFK 07:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.