第三方模块
含义:第三方模块(其他人、阻止、公司开发的模块)
- 需要下载第三方
本地模块
- 一定要初始化
- 安装:npm install 模块名 …
- 卸载:npm uninstall 模块名…
- 安装本地模块,只能在当前文件夹及后代文件夹中使用
- 需要通过require()加载
全局模块
- 全局模块,安装之前,不需要初始化
- 全局模块,不能通过require()加载
- 全局模块,一般都是命令或者工具
- 安装卸载,只需要多家一个 -g
- 全局模块, 在任何位置都可以使用
项目依赖
-
含义:项目想要正常运行,所必须第三方模块
-
dependencies 节点中的第三方模块,都是项目依赖
-
命令
npm i 包名 --save
或者npm i 包名 -S
或者 不写 直接默认 -
举例:
npm i axios --save npm i axios -S
开发依赖
-
含义:开发期间需要使用的第三方模块,项目上线后,就不用了的模块
-
devDependencies 节点中的第三方模块,都是开发依赖
-
命令
npm i 包名 --save-day
或者npm i 包名 -D
-
举例:
npm i axios --save-day npm i axios -D
常用命令
- 下载所有第三方包(程序员):
npm i
- 只下载项目依赖包(维护人员):
npm i --production
- 下载所有第三方包(程序员):
require加载机制
-
require()方法的加载机制问题:
- 判断缓存中有没有正在加载的模块,如果有,就是用缓存中的内容,如果没有,那么表示第一次加载,加载完会缓存
-
判断模块名有没有带路径(./)
-
模块中有路径,加载自定义模块(自己写的文件)
const xx = require(''./xx')
- 优先加载同名文件,加载一个叫做xx的文件
- 再次加载js文件,加载xx.js文件
- 再次加载json文件,加载xx.json文件
- 如果上述文件都没有,则报错
“Cannot find module './xx'”
-
模块名没有路径,优先加载核心模块,如果没有核心模块,则加载第三方模块
-
加载第三方模块的查找方式
- 优先在当前文件夹的node_modules里面查找第三方模块
- 在当前文件夹的上级目录的node_modules里面查找第三方模块
import加载机制
注意:import的语法跟require不同,而且import必须放文件名+后缀名,文件名前面不允许有其他逻辑代码。
举例:
子模块.js:
// 默认导出
export default{ num: 123, str :'abc'}
// 导出2:按照需要导出 -两种方式可以同事存在在
export let a = 1
export const b = 'xyz'
export function fn(){
console.log('我是函数fn')
}
// 导出3:不导出内容,只提供功能
for(let i = 0;i<3;i++){
console.log(i)
}
主模块.js:
import obj from './02.子模块.js'
console.log(obj)
// 导入2:按需求导入-必须结构
import {
a,
b,
fn
} from './02.子模块.js'
console.log(a)
console.log(b)
fn()
// 导入3:只导入文件 不需要接收
import './02.子模块.js'