请谈谈你对 CSS 工程化的认识，包括它要解决的核心问题以及常见的实践手段。
考察说明
考查对 CSS 工程化本质的理解，以及在实际项目中应用相关工具和规范的能力。
回答思路
- 【回答框架 1】CSS 工程化是针对传统 CSS 在大型项目中存在的全局污染、样式难以维护、复用性差、文件组织混乱等问题，通过一系列规范、工具和流程来提升样式代码的可维护性、可复用性和可扩展性。
- 【回答框架 2】核心实践包括：预处理器（如 Sass/Less）提供变量、嵌套、混合宏等特性，增强 CSS 的编程能力；CSS Modules 或 BEM 等命名规范实现样式局部作用域，避免全局污染；PostCSS 生态（如 Autoprefixer）自动处理兼容性和优化。
- 【回答框架 3】构建工具（如 Webpack）负责样式文件的打包、压缩、按需加载，以及开发时的热更新；样式规范（如 Stylelint）保证团队代码风格一致，减少低级错误。
- 【回答框架 4】现代框架中的 CSS-in-JS（如 styled-components）将样式与组件逻辑绑定，实现更好的组件化封装，但也会带来运行时开销，需根据项目场景权衡。
- 【关键点 1】CSS 工程化的核心是解决全局污染、依赖管理、复用性和可维护性问题。
- 【关键点 2】预处理器增强编程能力，CSS Modules/BEM 实现作用域隔离，PostCSS 自动处理兼容性。
- 【关键点 3】构建工具负责打包优化，Stylelint 等规范工具保障代码质量。
- 【关键点 4】CSS-in-JS 提供组件级封装，但需权衡运行时性能。
- 【易错点 1】不要将 CSS 工程化简单等同于使用预处理器，而应关注构建流程和规范的整体设计。
- 【易错点 2】过度依赖 CSS-in-JS 可能导致运行时性能下降，且主题定制复杂。
- 【易错点 3】构建工具的配置不当可能造成样式加载顺序混乱或重复打包，影响性能。