Vue3.x+element-plus+ts踩坑笔记( 三 )


4.如何自动引入  store  下指定目录下的所有文件 , 此方法也适用于引入组件比如小颖要实现在 store 下的 index.ts 中自动引入 store  下的 modules 中的所有 ts

Vue3.x+element-plus+ts踩坑笔记

文章插图
解决方案:将 index.ts 改为:
import { createStore } from 'vuex'import VuexPersistence from "vuex-persist";//解决页面刷新vuex数据丢失const modulesFiles = require.context('./modules', false, /\.ts$/)// you do not need `import app from './modules/app'`// it will auto require all vuex module from modules fileconst modules = modulesFiles.keys().reduce((modules: any, modulePath) => {// set './app.js' => 'app'const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')const value = https://www.huyubaike.com/biancheng/modulesFiles(modulePath)modules[moduleName] = value.defaultreturn modules}, {})const vuexLocal = new VuexPersistence({storage: window.localStorage})export default createStore({state: {},getters: {},mutations: {},actions: {},modules: modules,plugins: [vuexLocal.plugin]})后面的坑等后面写了再继续补充 , 最近小颖在忙着弄接的私活所以也没继续看vue3了 , 等这段时间忙完继续搞 , 打工人···················

经验总结扩展阅读