从webpack迁移到vite

上周计划将一个旧项目从webpack迁移到vite,遇到了一点点问题，特地记录下解决方法。

vite是一个比webpack更快捷的打包工具，配置文件vite.config.js非常简单，可以手写。

问题一 默认是vue3的支持

vite对vue的支持，默认是支持vue3,如果要切换到vue2,则需要安装插件:vite-plugin-vue2:

yarn add vite-plugin-vue2
yarn add vue-template-compiler

问题二 不支持require

vite默认不再支持require,则需要安装vite-plugin-require-transform

yarn add vite-plugin-require-transform

再在vite.config.js里配置:

//vite.config.js
import { defineConfig } from 'vite'
//解决@问题
const path = require('path');
//解决require问题
import requireTransform from 'vite-plugin-require-transform';
 
export default defineConfig({
  plugins: [
  vue(),
  //.........此处省略
    requireTransform({
      fileRegex: /.js$|.vue$/
    }),
  ],
});