使用require.context 遍历文件夹里面js的所有export属性
本文首发: https://shudong.wang/10415.html
场景
当在vuex的modules全部需要加载的时候
rematch的 models 需要全部加载的时候
在某些场景
每个再需要手动引入到 状态管理里面,我们可以做下面的优化处理
loader.js
/** * @author stark.wang * @blog http://shudong.wang * The file enables `models` to import all models * in a one-shot manner. There should not be any reason to edit this file. */ const files = require.context('./models', false, /\.js$/) const models = {} files.keys().forEach(key => { const filename = key.replace(/(\.\/|\.js)/g, '') models[filename] = files(key)['default'] }) export default models
在rematch使用
import models from './loader' init({ plugins: [loadingPlugin], models })
在vuex里面使用
import Vue from 'vue' import Vuex from 'vuex' import modules from './loader' Vue.use(Vuex) const debug = process.env.NODE_ENV !== 'production' export default new Vuex.Store({ modules, strict: debug })
相关推荐
OldBowl 2020-06-26
88274956 2020-11-03
Zhongmeishijue 2020-09-10
runner 2020-09-01
梦的天空 2020-08-25
IdeaElements 2020-08-19
luvhl 2020-08-17
移动开发与培训 2020-08-16
ReunionIsland 2020-08-16
lyqdanang 2020-08-16
NARUTOLUOLUO 2020-08-03
MyNameIsXiaoLai 2020-07-08
星辰的笔记 2020-07-04
csstpeixun 2020-06-28
letheashura 2020-06-26
liaoxuewu 2020-06-26
北京老苏 2020-06-25
Luffyying 2020-06-25