webpack 迁移 vite 遇到的问题

1.文件系统导入多个模块 webpack的require.content无法使用改

const modules = import.meta.globEager('./dir/*.js')

文档地址功能 {#features} | Vite中文网

2.需要注意iport.meta的使用，需要在tsconfig.json配置

{
    "compilerOptions": {
        "types": ["vite/client"]
    }
}

文档地址功能 {#features} | Vite中文网 

3. node提供的 path在vite无法使用 错误信息：Module "path" has been externalized for browser compatibility and cannot be accessed in client code.

// 解决方案
// 下载@types/node

npm i @types/node -D





/** 
    如果以上无法解决请下载path
    path下载之后可能也会报错 

*/

// 1 下载path
npm i path

//如果报错 process not define 需要在vite.config配置define


export default defineConfig({
    ...
    define: {
        'process.env': process.env
    }

})