king

前端开发的时候为什么使用构建工具?

king linux 2023-01-26 647浏览 0
前端开发的时候为什么使用构建工具?
构建工具

“构建”也可理解为“编译”,这是将开发环境的代码转换为运行环境的代码的过程**开发环境的编码是为了更好地阅读,而运行环境的编码则是为了更快地执行。

这两个目的不同,因此代码形式不同**。

例如,在开发环境中编写的JS代码只能在经过混淆和压缩后才能在线运行,因为代码更小,对代码执行没有影响。总结需要由构建工具处理的几种情况:

***处理模块化**:CSS和JS的模块化语法目前无法与浏览器兼容。因此,开发环境可以使用已建立的模块化语法,但需要构建工具将模块化语法编译为浏览器可识别的形式。例如,使用webpack、Rollup等来处理JS模块化。

***编译语法**:编写CSS时使用Less和Sass,编写JS时使用ES6和TypeScript。目前,这些标准与浏览器不兼容,因此您需要构建工具来编译它们,例如,使用Babel来编译ES6语法。

***代码压缩**:CSS和JS代码混合并压缩,以使代码更小,加载速度更快。

继续浏览有关 未分类 的文章
发表评论