1.概念

前端开发的管理工具。

2.模块化和包管理

分解与聚合
函数 文件
问题
1.全局污染
2.依赖混乱

模块化标准

民间标准
commonjs（重要) 运行时
amd
cmd
umd
官方标准
EcmaScript Module ESM （重要) 编译时

commonjs

let xxx=require("a.js");

运行时：
只有运行过后才能确定依赖关系

if(xxx){
	let xxx=require("a.js");
}
else{
	let xxx=require("b.js");
}

ESM 编译时

//这样时不行的，不能在运行时 import
if(xxx){
	import xxx from "a.js";
}
else{
	import xxx from "b.js";
}

实现

浏览器
只支持ESM ,不支持commonjs

表示ESM模块
<script src='a.js' type="module"></script>

node
两种都支持

构建工具

vue-cli,vite,cra,umijs, webpack,rollup,esbuilder

包管理

包：package 一系列模块的集合
函数
文件
包 框架/库
约束代码结构 vue

包管理：
1.从哪里下载
2.如何升级
3.如何卸载
4.如何发布
5.版本控制