vite无法使用require的替代方案


webpack

const modulesFiles = require.context('./modules', true, /\.js$/)

vite

const modulesFiles = import.meta.globEager("./modules/*.js")

vite中  /  绝对路径 代表 src目录

图片引入:

webpack通过require引入的图片;不加require,图片会引入不成功;

比如:

const img = require(‘@/images/log.png’);

在vite中不需要添加require,可以直接通过路径引入

const img = ‘/images/log.png’;