前端模块化概念及应用

前端模块化

前端模块化

模块化： 是具有特定功能的一个对象（ 广义理解 ）
模块定义的流程：
1.定义模块（对象）
2.导出模块
3.引用模块
好处：可以存储多个独立的功能块，复用性高
种类：
AMD（ require.js）
CMD ( sea.js )
Common.js
CommonJs用在服务器端，AMD和CMD用在浏览器环境
三者的一个详细介绍：https://www.jianshu.com/p/d67bc79976e6
Node.js使用了Common.js的规范
易错的理解：
common.js是属于node的 ×
node属于common.js ×

Node.js中Common.js规范的使用有三种类型：
第一种：内置模块（ 内置模块指的是挂载在Node.js全局对象身上的api ）
第二种：自定义模块
第三种：第三方模块（别人封装好的）

自定义模块化上传

自定义模块的上传（ http://www.npmjs.com ）

1. 创建package.json文件

   $ npm init -y
   

2. 在http://www.npmjs.com 这个网站注册一个账号

   注意：第一次登陆会发送一个邮件给你的邮箱（ 这个发送是手动的 ），然后大家登陆邮箱激活

3. 检查你的电脑的源是不是npm源

   $ nrm ls
   

   如果是，就不会理会

   如果不是，那么切换到npm源

4. 命令行登录npmjs仓库

   $ npm adduser
   

5. 创建模块并导出模块

6. 查看你的包名称是否已经被使用

7. 发布包

   $ npm publish