5.打包和调试
leezozz 2/15/2023 笔记
# 打包
# 打包工具Rollup
- vue源码的打包工具是Rollup，比Webpack轻量
- Webpack把所有的文件（图片、css等）当做模块，Rollup只处理js文件，更适合在vue.js这样的库使用
- Rollup打包不会生成冗余代码。Webpack打包会生成浏览器端支持的模块化的代码 在开发库的时候适合用Rollup、做项目时适合Webpack
// package.json中
"scripts": {
// -w: watch，监听源码，源码改变立即打包
// -c: 设置配置文件，对应后面的文件
// --environment: 设置环境变量，通过环境变量设置的值，去打包生成不同版本的vue
// --sourcemap（手动添加）：开启代码地图（储存着位置信息，转换后的代码对应的转换前的代码位置映射关系）
"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:full-dev",
}
npm run dev // 开始打包
npm run build // 打包生成所有版本的
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
查看源码快捷键：
- command + alt/opiton + 左箭头：回退
- 控制台中进入这个函数、下一步：f9
- 控制台中跳过这个函数、跨步：f10
- 进入到下一个断点：f8
