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

图片[1]-前端开发的时候为什么使用构建工具?-不念博客
构建工具

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

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

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

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

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞132赞赏 分享
评论 抢沙发
头像
欢迎光临不念博客,留下您的想法和建议,祝您有愉快的一天~
提交
头像

昵称

取消
昵称代码图片

    暂无评论内容