AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第1张图片

08.什么是模块化?

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第2张图片

CommonJS 标准

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第3张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第4张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第5张图片

09.ECMAScript 标准 - 默认导出和导入

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第6张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第7张图片

10.ECMAScript 标准 - 命名导出和导入

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第8张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第9张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第10张图片

11.包的概念

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第11张图片

实操:

server.js

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第12张图片

utils/lib/index.js

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第13张图片

utils/package.json

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第14张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第15张图片

12.npm - 软件包管理器

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第16张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第17张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第18张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第19张图片

13.npm - 安装所有依赖

从别处(网上、其他人手中)拿到写好的项目,一般不携带node_modules文件夹(所占存储空间大)

但有package.json文件,里面记载了当前项目下载过的包

还有package-lock.json文件,固定软件包的版本

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第20张图片

导入模块/包,除了自己创建的模块、包需要写地址,nodejs自带的模块以及使用npm安装的包,都直接写名字

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第21张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第22张图片

14.npm - 全局软件包 nodemon

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第23张图片

安装nodemon,添加了32个包,使用npm安装软件包,依赖的其他包一并下载

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第24张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第25张图片

修改数组的值,ctrl+s保存,程序重新执行

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第26张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第27张图片

15.Node.js 总结

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第28张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第29张图片

AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(七)_第30张图片

你可能感兴趣的:(框架前置,node.js,学习,前端框架)