vue Require动态加载Store模块

最新推荐文章于 2025-03-19 06:21:55 发布

原创最新推荐文章于 2025-03-19 06:21:55 发布 · 633 阅读

0 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在Vue.js应用中使用RequireJS动态加载Vuex Store模块，以实现按需加载和优化应用性能。通过动态导入，可以只加载当前所需的Store模块，避免一次性加载所有状态管理代码，提高应用启动速度。

const modulesFiles = require.context('./modules', true, /\.js$/);

const modules = modulesFiles.keys().reduce((modules, modulePath) => {
  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1');
  const value = modulesFiles(modulePath);
  modules[moduleName] = value.default;
  return modules;
}, {})