前端为什么需要构建?

358 阅读1分钟

扫盲文章:

toutiao.io/posts/25194…

核心:开发模式由手动引入脚本变成node流

没有模块化的时候,前端开发需要在页面中手动使用link标签、script标签引入脚本和样式,脚本的引入顺序至关重要,如果上下脚本具有依赖关系但是顺序不对,可能会找不到某些变量,需要人工去控制顺序。

随着node.js和npm包的出现,前端引入依赖的方式,从页面引入变成了npm包引入,只需要package.json中事先声明好依赖的script包,执行npm install 就可以把npm包全部下载下来,npm run dev执行打包构建过程,通常使用webpack构建完成构建,webpack通过loader和plugin对项目目录和代码做构建,最终打包成为一个script。

构建的好处:

1.精简压缩代码

2.打包成一个大的bundle文件,减少http请求

3.无需考虑依赖引入顺序

云构建

云构建对应的就是本地构建,本地构建是指在本地编写构建脚本,开发完成后,跑一遍本地构建后把构建产物和构建脚本提交到发布平台进行发布。

这种模式适合一个人开发,多人开发时,存在以下缺陷:

1.规范不一致,构建脚本可以随意修改,不同开发者本地构建脚本可能不一样

2.构建脚本开发者不太容易持续优化脚本

3.本地开发完之后,可能会忘记跑构建脚本