css工程化面试真题

如何解决CSS模块化问题

Less Sass等CSS预处理器
PostCSS插件（postcss-import/precss等）
webpack处理CSS （css-loader + style-loader）

PostCSS 可以做什么

取决于插件可以做什么
autoprefiixer cssnext precss等 兼容性处理
import模块合并
css语法检查 兼容性检查
压缩文件cssnano

CSS modules时做什么的，如何使用

解决类名冲突的问题
使用PostCSS或者webpack等构建工具进行编译
在HTML模板中使用编译过程产生的类名

为什么使用JS来引用、加载CSS

JS作为入口，管理资源有天然优势
将组件的结构、样式、行为封装到一起，增强内聚
可以做更多处理（webpack）