关于文件导入：required.context 和 vite Glob 导入

webpack 和 vite 导入方式不同
比如在store的index.js中导入modules下的所有js文件

两者到底有什么不同，参考文章

webpack中

//导入模块文件

import { createStore } from 'vuex'
let files = require.context('./modules', false, /\.js$/),
modules = {};
files.keys().forEach((key) => {
    modules[key.replace(/\.\/|\.js/g, '')] = files(key).default
})
// 导入所有 vuex 模块，自动加入namespaced:true，用于解决vuex命名冲突
Object.keys(modules).forEach(key => {
    modules[key]['namespaced'] = true
})

export default createStore({
    modules
})

vite 中

//导入模块文件

import { createStore } from 'vuex'

let files = import.meta.globEager('./modules/*.js')
let modules = {}

for (const path in files) {
    modules[path.replace(/\.\/\modules\/|\.js/g, '')] = files[path].default
}


export default createStore({
    modules
})