Vite for Vue 是什么？

import { foo } from "./foo.js";import { hot } from "@hmr";
foo();
hot.accept("./foo.js", ({ foo }) => {  // the callback receives the updated './foo.js' module  foo();});

<style lang="scss">/* use scss */</style>

<div id="app"></div><script type="module">  import { createApp } from "/@modules/vue"; // 此模块中包含相关热加载逻辑  import App from "./App.vue"; // 此文件为SFC主模板
  createApp(App).mount("#app"); // 渲染模版</script>

import { updateStyle } from "/@hmr"; // 加载更新style方法
const __script = {  data: () => ({ count: 0 })};
updateStyle("c44b8200-0", "/App.vue?type=style&index=0");__script.__scopeId = "data-v-c44b8200";import { render as __render } from "/App.vue?type=template"; // 加载template模板__script.render = __render;__script.__hmrId = "/App.vue";__script.__file = "/Users/shoyuf/work/vite-app/App.vue";export default __script;

console.log("[vite] connecting...");const socket = new WebSocket(`ws://${location.host}`);// Listen for messagessocket.addEventListener("message", ({ data }) => {  const { type, path, id, index, timestamp } = JSON.parse(data);  switch (type) {    case "connected": // 连接成功      console.log(`[vite] connected.`);      break;    case "vue-reload": // 当script改变的情况下，需要重新加载      import(`${path}?t=${timestamp}`).then(m => {        __VUE_HMR_RUNTIME__.reload(path, m.default);        console.log(`[vite] ${path} reloaded.`);      });      break;    case "vue-rerender": // 当template改变的情况下，需要重新渲染      import(`${path}?type=template&t=${timestamp}`).then(m => {        __VUE_HMR_RUNTIME__.rerender(path, m.render);        console.log(`[vite] ${path} template updated.`);      });      break;    case "vue-style-update": // 当css改变情况下更新style      updateStyle(id, `${path}?type=style&index=${index}&t=${timestamp}`);      console.log(        `[vite] ${path} style${index > 0 ? `#${index}` : ``} updated.`      );      break;    case "vue-style-remove": // css改变后移除旧的css引用      const link = document.getElementById(`vite-css-${id}`);      if (link) {        document.head.removeChild(link);      }      break;    case "js-update": // js 模块更新重新加载      const update = jsUpdateMap.get(path);      if (update) {        update(timestamp);        console.log(`[vite]: js module reloaded: `, path);      } else {        console.error(          `[vite] got js update notification but no client callback was registered. Something is wrong.`        );      }      break;    case "full-reload": // 导入链进入死胡同，需要进行页面重新加载      location.reload();  }});// ping serversocket.addEventListener("close", () => {  console.log(`[vite] server connection lost. polling for restart...`);  setInterval(() => {    new WebSocket(`ws://${location.host}`).addEventListener("open", () => {      location.reload();    });  }, 1000);});export function updateStyle(id, url) {  const linkId = `vite-css-${id}`;  let link = document.getElementById(linkId);  if (!link) {    link = document.createElement("link");    link.id = linkId;    link.setAttribute("rel", "stylesheet");    link.setAttribute("type", "text/css");    document.head.appendChild(link);  }  link.setAttribute("href", url);}const jsUpdateMap = new Map();export const hot = {  accept(importer, deps, callback) {    jsUpdateMap.set(importer, timestamp => {      if (Array.isArray(deps)) {        Promise.all(deps.map(dep => import(dep + `?t=${timestamp}`))).then(          callback        );      } else {        import(deps + `?t=${timestamp}`).then(callback);      }    });  }};

import {  createVNode as _createVNode,  toDisplayString as _toDisplayString,  Fragment as _Fragment,  openBlock as _openBlock,  createBlock as _createBlock,  withScopeId as _withScopeId,  pushScopeId as _pushScopeId,  popScopeId as _popScopeId} from "/@modules/vue";const _withId = _withScopeId("data-v-c44b8200");
_pushScopeId("data-v-c44b8200");const _hoisted_1 = _createVNode(  // 创建Virtual DOM  "h1",  null,  "Hello Vite + Vue 3!",  -1 /* HOISTED */);const _hoisted_2 = _createVNode(  "p",  null,  "Edit ./App.vue to test hot module replacement (HMR).",  -1 /* HOISTED */);_popScopeId();
export const render = _withId(function render(_ctx, _cache) {  // 渲染函数  return (    _openBlock(),    _createBlock(      _Fragment,      null,      [        _hoisted_1,        _hoisted_2,        _createVNode("p", null, [          _createVNode(            "span",            null,            "Count is: " + _toDisplayString(_ctx.count),            1 /* TEXT */          ),          _createVNode(            "button",            {              onClick: _cache[1] || (_cache[1] = $event => _ctx.count++)            },            "increment"          )        ])      ],      64 /* STABLE_FRAGMENT */    )  );});

h1[data-v-c44b8200] {  color: #4fc08d;}h1[data-v-c44b8200],p[data-v-c44b8200] {  font-family: Arial, Helvetica, sans-serif;}

{  path: "/App.vue",  timestamp: 1588242356511,  type: "vue-reload"}