webpack转vite2的一些总结

require.context

webpack 中的 require.context 可以完全由import.meta.glob替换

const viewContext = require.context("../views", true, /.vue$/);
等价于
const modules = import.meta.glob('../views/*.vue');

在vite脚手架中, 引入时忽略.vue扩展名将导致错误

// 一个名为tsc.vue的文件，
import Home from "./Home.vue";
// 上面的引入可以正常运行，但
import Home from "./Home";
// 将不起作用, 并提示错误
//  Internal server error: Failed to resolve import "./tsc" from "somewhere.js". Does the file exist?

这是因为vite已不再默认忽略.vue扩展名，将扩展名补上即可(vite建议引入时不要忽略.vue扩展名)