vue3 vite读取文件内容

李大玄

已于 2023-03-28 09:35:40 修改

阅读量4.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vite 文章标签： vue vite

于 2021-08-16 15:57:55 首次发布

本文链接：https://blog.csdn.net/weixin_43553701/article/details/119735079

vite 专栏收录该内容

4 篇文章

订阅专栏

这篇博客探讨了原本的目标与实际经历的偏差，通过代码示例展示了如何使用webpack自动加载和组织模块，以及构建路由配置。过程中揭示了一个开发者从初学者到熟练掌握技术的转变过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原本努力是为了将一位少女揽入怀中，可后来我却见证了一位少年堕落的过程。

const modulesFiles = import.meta.globEager('./routerConfig/*.js');
let modules = [];
for (const path in modulesFiles) {
  modules = [].concat(modules, modulesFiles[path].default);
}

webpack


let routerArr = [];

// 自动加载该目录下的所有文件
const files = require.context('./', true, /\.(js)$/);
// 根据文件名组织模块对象
files.keys().map(src => {
  const match = src.match(/\/(.+)\./);
  if (match && match.length >= 1) {
    const moduleValue = files(src);
    if (moduleValue.default) {
      routerArr = [].concat(routerArr, moduleValue.default);
    }
  }
});
export default routerArr;