Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[css] 第181天 你知道css的预处理器和后处理器都有哪些吗?它们有什么区别呢? #1368

Open
haizhilin2013 opened this issue Oct 13, 2019 · 4 comments
Labels
css css

Comments

@haizhilin2013
Copy link
Collaborator

第181天 你知道css的预处理器和后处理器都有哪些吗?它们有什么区别呢?

#83

@haizhilin2013 haizhilin2013 added the css css label Oct 13, 2019
@NicholasBaiYa
Copy link

NicholasBaiYa commented Oct 13, 2019

预处理器 eg:Less,sass,Stylus.
后处理器 eg:各种压缩工具,自动处理浏览器兼容工具.

@mjhcc365
Copy link

css的预处理器有sass,less,stylus。代码更加简洁,复用程度比较高,可以嵌套,可读性比较高,也方便维护。最终编译为css。
css的后处理器rework,postcss。对css进行处理,有的可以对css进行压缩,有的可以自动处理兼容性问题。
https://blog.csdn.net/yushuangyushuang/article/details/79209752

@LiZheGuang
Copy link

预处理与后处理的区别
一个是可增加变量,一个是增加了扩展并增强了CSS的兼容

@liugezhou
Copy link

目前最主流的 CSS 预处理器:SassLESSStylus
优缺点
优点:语言级逻辑处理,动态特性,改善项目结构
缺点:采用特殊语法,框架耦合度高,复杂度高

后处理器:ReworkPostCSS
优缺点
优点:使用 CSS 语法,容易进行模块化,贴近 CSS 的未来标准
缺点:逻辑处理能力有限.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css css
Projects
None yet
Development

No branches or pull requests

5 participants