• 特供版
    2022-01-14
    流程： 1.  请求 首页http://xxx.xxx.xxx/  2.  返回 index.html 3.  请求 /src/main.js 4. 发现请求js文件，替换路径为相对路径后，返回修改后的js文件 5.  请求 @module/vue 6.  发现请求@module内的文件，替换文件内为相对路径后，返回package.json中module定义的入口文件 7.  请求 ./App.vue 8.  判断 .vue 的请求后，通过 compilerSFC.parse解析 Vue 组件，通过返回的 descriptor.script 获取 js 代码 9.  请求 ./App.vue?type=template 10.  调用 compilerDom.compile 解析 template 内容，直接返回 render 函数

    作者回复: very good

    
    10
  • tequ1lAneio
    2022-01-16
    有源码吗，一直在报process未定义的错误

    作者回复: 这部分源码在这里 https://github.com/shengxinjing/geektime-vue-course/tree/main/vite-mini

    
    3
  • 润培
    2022-01-10
    模块如果是分散的，可以使用“依赖预构建”，通过预构建生成一个模块，这样只会有一个 http 请求。 https://cn.vitejs.dev/guide/dep-pre-bundling.html https://cn.vitejs.dev/config/#dep-optimization-options

    作者回复: 赞

    
    3
  • 吴颜
    2022-01-16
    写的太简单，你这也没写出一个迷你的vite啊

    作者回复: 只实现了核心的node_module以及.vue和css文件的解析

    
    2
  • Chen.Lu
    2022-01-16
    【Vite 热更新】小模块中 chalk 是定义 log 颜色的工具，不是监听文件/文件夹的工具吧。 chokidar 是监听文件/文件夹的工具

    作者回复: 感谢提醒 fix 下面一句就说的是chokidar

    
    
  • InfoQ_e521a4ce8a54
    2022-01-10
    从[Vite 的热更新]开始，代码片段所在的文件目录和所需的依赖就搞不清楚了。。。

    作者回复: 现在代码都集中推到这个仓库里 https://github.com/shengxinjing/geektime-vue-course

    共 2 条评论
    
  • 若川
    2022-01-18
    我之前也写过一篇mini-vue的分析文章，感兴趣的可以结合大圣老师的文章对比看看实现～ 尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理 https://juejin.cn/post/7021306258057592862
    
    21
  • Geek_37g
    2023-07-06 来自广东
    热更新源码在哪儿呢？
    
    1
  • Geek_07f3c3
    2022-05-16
    vite打包时提示包体积过大，请问应该怎压缩呢或者怎么分包
    共 1 条评论
    
  • null
    2022-02-17
    开发过程中出现加载慢，timeout。
    
    