扫盲文章:
核心:开发模式由手动引入脚本变成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.本地开发完之后,可能会忘记跑构建脚本