怎么调试vue

在rollup增加sourcemap配置选项 方便代码调试
 
然后npm run dev
 
notion image
 
 
vue2采用的是flow来编写的
 
scripts 放置的是打包的脚本
src 源代码目录
  • compiler 做编译的
  • core 核心目录
  • platform 平台代码
  • sfc 解析.vue文件的
  • shared 一些共享的代码 常量等等
 
通过package.json可以看到 scripts/config.js
notion image
根据环境变量生成rollup配置文件
打包的时候会将源代码打包成不同的格式 umd,esm,comment.js
notion image
 
他有两个入口
notion image
一个是 entry-runtime /entry-runtime-with-compiler (在代码运行的时候能否编译模板)我们开发的时候都是采用的.vue文件 直接可以在打包的时候就被编译了,所以运行的时候不需要withcompiler
写render函数就不需要with-compiler
 
通过配置文件 找到我们vue的最终入口
notion image