webpack开发vue-cli项目时,调试原理是啥?

西安小哥
  • 1.2k

webpack开发vue-cli项目时,调试原理是啥?
1、webpack开发环境时,是否生成了一个打包文件?
2、webpack是怎么把vue文件打包的?
3、为什么开发的时候,debugger能对应到相应的vue文件里面?

回复
阅读 3.2k
2 个回答

1、开发环境下,静态资源都在内存中,通过websocket监听资源变动,做到热更新。
2、打包vue文件是vue-loader干的事,根据<template>这类标签将文件内容拆分,然后分别用其他loader打包编译(如babel, sass等)
3、sourceMap

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏