从webpack迁移到vite

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

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

问题一 默认是vue3的支持

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

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

问题二 不支持require

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

1
2
yarn add vite-plugin-require-transform

再在vite.config.js里配置:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//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$/
}),
],
});


从webpack迁移到vite
https://404.ms/2022/09/25/from-webpack-to-vite/
作者
rocky.x
发布于
2022年9月25日
许可协议