工程化解决了什么问题？
- 宏观设计：CSS 代码如何组织、拆分、设计模块结构
- 编码优化：写出更易读易操作易懂的 CSS代码
- 构建：如何处理我的 CSS，才能让它的打包结果最优？
- 补全css前缀，兼容多个浏览器
- 压缩样式代码，减少包体体积
- 可维护性：代码写完了，保证后续的变更成本最小化，确保任何一个同事都能轻松接手。
预处理器
因为我们要写一种类css代码，预处理器将类css代码转换为css代码
为什么写类css代码？
- 宏观设计上：优化文件目录结构，实现代码复用
- 编码优化上：我们希望css代码结构清晰，与之对应的html嵌套层级一一对应，一目了然；希望它能具有变量特性、循环能力，混入等编程思想
- 可维护性：使得接手的人能更快速看懂代码，并在修改时不会修改错误，影响其他代码
css后处理器（PostCss）
postcss最重要的作用是自动补全浏览器私有前缀，以实现跨浏览器的兼容性问题
