webpack + vue2.x + typescript 转 vite

1、使用工具  wp2vite ,全局安装

npm install -g wp2vite

2、进入项目目录执行

wp2vite

执行以后会帮你改掉一部分东西

3、下载配置

npm install

4、启动项目

npm run dev

不出意外，肯定会一大堆报错

1、组件导入路径无法识别 @ 别名

转换后的 vite.config.js 是这样的， 发现我在alias 对象里怎么改 @ 的值都没用

 解决：原项目只定义了 @ 一个别名，直接去掉这个 alias 对象，写单个 @ 别名，然后就好了。。。。暂时也没发现其它问题

resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  }

2、 require 引入图片报错

解决： 使用 import 导入，但 vscode 无法识别 import 导入图片，在声名即可

 暂时就出现这两个问题，可能项目不大，用的东西不多，其它有问题再添加