欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

初识模块化开发工具:

程序员文章站 2022-05-04 13:54:39
初识模块化开发工具:git 是分布式代码管理工具,管理代码的npm 是包管理工具,管理插件、工具啊,是个转换器,他是哪来的了,他是伴随node下载下来的,版本也是伴随node变化;node 是个后台的环境;首先安装node,然后用命令安装browserify:npm install -g brows ......
初识模块化开发工具:

git 是分布式代码管理工具,管理代码的
npm 是包管理工具,管理插件、工具啊,是个转换器,他是哪来的了,他是伴随node下载下来的,版本也是伴随node变化;
node 是个后台的环境;
首先安装node,然后用命令安装browserify:
npm install -g browserify -g代表全局安装,放前面后面都可以;
然后将目标文件做bundle处理:
browserify main.js -o bundle.js // -o 代表 output ,main.js 代表目标文件

commonjs为服务器而生,采用同步加载的方式。因此不适用浏览器,因为浏览器需要到服务器加载文件,
请求时间远远大于本机读取时间,倘若文件较多,网络延时缓,就会导致页面瘫痪,因此浏览器更希望能够时间异步加载的方式;
amd 规范则是异步加载模块,允许指定回调函数。等模块异步加载完成后即可回调函数。
amd 得意的产出就是require.js
amd 的核心思想就是通过define来定义一个模块,然后使用require来加载一个模块。
amd 规范的使用依赖于require.js https://requirejs.org/