编译态

未分类

在日常的前端开发中, 我们会采用一些浏览器不能直接识别的语法来编写js文件和css文件, 比如ecmascript 2016, less, sass等。

因此在浏览器中预览页面之前，我们要根据实际情况对编写的源代码进行一系列的操作, 转换为最终的预览文件。

而这一系列的将源代码进行编译转换成最终预览文件的操作，就是我理解的前端编译态所要承担的职责。

每一步编译转换可以看作一个原子操作。在面向不同环境（开发环境， 生产环境）根据具体需求对原子操作进行组合， 拼接成一套完整的编译流程。

原子操作

- LESS/SASS预编译
- CSS 前缀自动补全
- CSS 压缩
- CSS 媒体查询合并 
- 雪碧图合并
- 图片压缩
- 图片上传cdn
- JS 预编译
- JS 文件合并
- JS 混淆
- JS 上传cdn
- 文件拷贝
- 模板语言预编译
- 监听文件变动， 自动刷新浏览器
- 代码规范检查 
- ...