require.context的妙用

比较好用，记录下来。

以下方法将获取vuex中Modules文件夹里的所有modules并导出。

const files = require.context(".", false, /\.js$/);
const modules = {};
const getters = {};
files.keys().forEach(key => {
  if (key === "./index.js") return;
  modules[key.replace(/(\.\/|\.js)/g, "")] = files(key).default;
  getters[key.replace(/(\.\/|\.js)/g, "")] = data => {
    return data[key.replace(/(\.\/|\.js)/g, "")];
  };
});

export default { modules, getters };

哦对了，这个需要用到node环境。。。electron-vue可以这么用。普通的vue工程还是按照老方法引吧

这里有324.57GB的修仙资料。嘿嘿嘿你懂得。/手动狗头


那么问题来了，如果你也想入坑前端或者学习更多技术，广交天下朋友(基友)，认识更多有趣的灵魂的话，欢迎加入前端交流群鸭~

扫二维码加为好友就完事了！安排~