前端模块化
- AMD ( require.js )
- CMD ( sea.js )
- Common.js ( module.export require )
- es6 模块化 ( export import )
1.内置模块 注重的模块的使用 bulit-in
内置模块有 path url fs process
使用步骤:
1. 先引入模块,然后用一个变量保存这个模块( 内置模块在requrie(模块名称) )
2. 使用这个模块上的api( 方法 ) 【常用】
例:
path.join和path.resolve两个api作用是一样的,都是将一个目录的名称拼接到一个磁盘路径上。
./代表在当前目录下加./后面的内容,…/代表替换最后一个./的内容
2.第三方模块:插件
前端的第三方模块都在 http://npmjs.com 会文档阅读 three-part
需要一个package.json的文件来记录我们安装过的模块
npm init 一步一步进行
快速创建 npm init -y / cnpm init -y / yarn init -y
命令安装的环境区分
cnpm i request --save 生产环境安装
简写: cnpm i request -S
生产环境安装在package.json中记录在 dependencies 中
cnpm i request --save-dev 开发环境安装
简写: cnpm i request -D
开发环境安装在 package.json中记录在 depenDencies 中
第三方模块的使用:直接引用
3.自定义模块
1. 先定义一个 变量, 变量值可以随意
2. 导出模块
module.exports = 变量名
module.exports = {
变量名
}
3. 导入
如果是第一种方式导出 , var 变量名 = require( 相对路径 )
如果是第二种方式导出, var { 变量名 } = require ( 相对路径 )
自定义模块上传:
1.创建package.json cnpm init -y
2.去npmjs.com登录
3.将源切换到npmjs(先下载这个cnpm i nrm -g nrm ls nrm use npm);
4.npm adduser后输入你的用户名密码邮箱
5.npm publish(发布) 看到结束前有个+号即发布成功
6.在npmjs官网的package查看自己刚发布的插件
7.下载使用(npm i 包名称 -D)