Vuex自动导出module中的模块

来点饭吧

已于 2022-06-10 14:36:29 修改

阅读量258

点赞数 1

文章标签： javascript webpack node.js

于 2022-06-10 14:12:53 首次发布

本文链接：https://blog.csdn.net/m0_46692587/article/details/125220647

版权

本文介绍了如何使用Vue.js和Vuex进行模块化管理，通过`require.context`动态加载`/module`目录下的.js文件，并将它们作为store模块注册。重点在于展示模块化配置和store的创建过程。

摘要由CSDN通过智能技术生成

import Vuex from 'vuex'
import Vue  from "vue"
Vue.use(Vuex)

const modulesFiles = require.context('./module', true, /\.js$/)
console.log(modulesFiles.keys())
const modules = modulesFiles.keys().reduce((modules, modulePath) => {
    // set './app.js' => 'app'
    let moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
    const value = modulesFiles(modulePath)
    let temName=moduleName.split("/")
    moduleName=temName[temName.length-1]
    modules[moduleName] = value.default
    return modules
}, {})
console.log(modules)
export default new Vuex.Store({
    modules
})