vue-cli 項目遷移到vite2 [失敗]

原來的項目太大了, 每次編譯很慢, 十分影響體驗

 

目前沒能遷過去, 太多包和庫需要改了, webpack把很多有問題的庫都兼容到可以使用, 然後就在vite中報錯 ...

不建議對老項目做遷移, 尤其依賴中含有很多上古依賴的情況下

 

創建vue-ts模板項目

yarn create @vitejs/app
git init
git add .
git commit -am "init"

 

把文件遷過去

複製粘貼吧, 包括public靜態資源, 配置文件和代碼等, 還好vue項目的層級都差不多

複製原來package中的一些依賴和命令, 然後安裝依賴

 

遇到的問題

alias @配置

  alias: {
    // 鍵必須以斜線開始和結束
    "@": path.resolve(__dirname, "src"),
    // '/@components/': path.resolve(__dirname, './src/components')
  },


import AppNav from "@/pages/app-nav/index.vue"

random 模塊引入錯誤

換lodash的random

 

worker引入

// import IWorker from "worker-loader!./worker.js"
import IWorker from "./worker?worker"

shareworker 之前用url引入的, 現在貌似沒有找到替代方法.. 暫時先不管

// import SyncWorkerURL from "url-loader?limit=0!./sync.shared.worker.js"

 

 

文件引入加vue後綴... 

吐了啊, 所有引入都要加vue後綴???

 

global

dom-serialize 依賴報錯...

interface Window {
  global: any
}

declare const windos: Window & typeof globalThis

 

看着是ocr報錯...

 

止步於此...