轉：https://www.yuque.com/xiaoye-urxn3/lcz002/atz26k
隨着vite2的發布，vite越來越獨立於vue存在，同時借助於vite-plugin-vue2插件，大量vue2的工程也終於可以搭上vite開發的快車。
Step.1：vue/cli生成vue2工程
vue create vite-vue2-demo // ... cd vite-vue2-demo npm i
Step.2: 安裝vite和vue2插件
npm i -D vite vite-plugin-vue2
Step.3: 調整index.html目錄結構，官方說明
index.html /public -> 根目錄下，與package.json同級
Step.4: index.html引入main.js
<body> // ... <div id="app"></div> <script type="module" src="/src/main.js"></script> </body>
Step.5: router文件修改base
const router = new VueRouter({
mode: "history",
// base: process.env.BASE_URL,
base: import.meta.env.BASE_URL,
routes,
});
Step.6: package.json修改serve命令
"script": {
"serve": "vite",
// ...
}
大功告成，執行命令
npm run serve
