前端工程化一词其实理解起来也不难，就是在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化是为了提升项目的高性能、稳定性、可用性、可维护性、可访问性。
当然上述的都是从宏观的角度去理解，具体怎么做还是需要我们一一实现的，在课程中我们会详细讲解CSS预处理器和自动化构建工具Webpack。
| 章节 | 内容 |
|---|---|
| 章节1 Less | 1：Less简介 2：配置Less环境 3：浏览器中直接使用Less 4：使用koala软件编译Less 5：Less_变量 6：Less_混合 7：Less_嵌套 8：Less_运算 9：Less_转义 10：Less_函数 11：Less_作用域 12：Less_注释与导入 |
| 章节2 Sass | 13：Sass简介 14：Sass环境搭建 15：编译Sass 16：Sass_变量 17：Sass_嵌套 18：导入Sass文件 19：静默注释 20：Sass_混合 21：使用选择器继承来精简CSS 22：Sass_运算 23：控制指令 |
| 章节3 Webpack | 24：Webpack简介 25：搭建Webpack环境 26：Webpack增加配置文件 27：Webpack中使用Loader 28：Webpack中使用Loader_处理Less文件 29：Webpack中使用Loader_处理Sass文件 30：Webpack中使用插件_HTML插件 31：Webpack分离CSS文件 32：Webpack压缩CSS文件 33：Webpack中配置Babel 34：Webpack中模式(Mode) 35：Webpack中使用DevServer 36：配置快捷运行方案 37：开发模式与生产模式分离 38：Webpack中devtool增强调试过程 39：.browserslistrc文件说明 40：postcss-loader处理css兼容 41：Webpack构建React环境 42：Webpack构建Vue环境 43：Webpack图片处理 44：Webpack中Proxy代理 45：自动清理dist 46：Webpack优化 47：JavaScript中的代码检查 48：Webpack中配置ESLint |
另附本章节课程资料
京公网安备 11011402011233号