首页 > 其他分享 >前端读取目录下所有指定文件

前端读取目录下所有指定文件

时间:2023-09-17 16:56:37浏览次数:26  
标签:文件 const 读取 前端 modules modulesFiles 目录

读取modules下文件示例:

/**
require.context:
1. 指定目录
2. 是否将匹配层级递归至子目录下
3. 匹配的文件

*/
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;
}, {}); 

// momdules即为该目录下所有文件

此方法可以用于批量读取目录下所有指定文件。

以上。

标签:文件,const,读取,前端,modules,modulesFiles,目录
From: https://www.cnblogs.com/hjk1124/p/17709134.html

相关文章

  • 【前端攻略】:玩转图片Base64编码
    【前端攻略】:玩转图片Base64编码    引言图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的base64编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的base64编码。标题略大,不过只是希望通过一些浅显的论述,让你知道什么是图片的base64......
  • Visual Studio2019:如何从指定路径读取图片,并显示在窗体程序中
    从指定路径读取图片,用pictureBox控件显示​stringpath="D:\\txt.png";//用path存储图片路径pictureBox1.Image=Image.FromFile(path);//创建图片并在pictureBox控件中显示出来补充:1.图片的路径必须包括图片的名称2.在窗体程序中显示图片一般用pictureBox控件,当然了,也存......
  • 每天一个linux命令目录0
    开始详细系统的学习linux常用命令,坚持每天一个命令,所以这个系列为每天一个linux命令。学习的主要参考资料为:1.《鸟哥的linux私房菜》2.http://codingstandards.iteye.com/blog/7866533.linux命令五分钟系列 4.其他互联网资料,google,baidu等搜索引擎一.文......
  • 每天一个linux命令目录
    开始详细系统的学习linux常用命令,坚持每天一个命令,所以这个系列为每天一个linux命令。学习的主要参考资料为:1.《鸟哥的linux私房菜》2.http://codingstandards.iteye.com/blog/7866533.linux命令五分钟系列 4.其他互联网资料,google,baidu等搜索引擎一.文......
  • TienChin 渠道管理-前端展示渠道信息
    在编写Vue项目的时候我们可以使用IDEA当中提供的一个工具叫做structure,也就是说可以很轻松的列举出当前Vue文件的大致结构,点那个就会跳转到对应的地方。简简单单介绍一个编写Vue时的一个小技巧,那么接下来进入核心内容,展示渠道信息的开发。在api文件夹模块当中新建一个......
  • 写一个cmd脚本,列出指定目录下的所有子目录和文件,限制层数
    在Windows的CMDshell中,tree命令并不直接支持指定层数。@echooffsetlocalset"root=%~1"set"maxdepth=%~2"set"curdepth=0"set"indent=":looppushd"%root%"for/d%%Din(*)do(echo%indent%+--%%Dif%......
  • 前端开发的未来:Web组件化与可视化编程探索
    随着互联网的快速发展,前端开发领域也日新月异。为了满足越来越多复杂的需求和提高开发效率,前端开发不断演进。本文将深入探讨前端开发的未来,重点关注Web组件化和可视化编程,这两个领域有望改变前端开发的方式。1.Web组件化的兴起Web组件化是前端开发的一个重要趋势,它旨在将Web应......
  • 前端歌谣的刷题之路-第二十二题-基本数据类型检测
    前言我是歌谣歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目请补全JavaScript函数,要求以字符串的形式返回参数的类型。注意:只需检测基本数据类型。编辑核心代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8">......
  • 前端请求参数加密、.NET 后端解密
    本文详细介绍了前端请求参数加密、.NET后端解密,文章较长,请各位看官耐心看完。目录一、前端使用“CryptoJS”,前端AES加密,.NET后端AES解密1.1、加密解密效果图1.2、CryptoJS介绍1.3、准备工作:安装“CryptoJS”1.3.1、使用npm进行安装1.3.2、VisualStudio中安装1.3.2.1、选择“客......
  • python读取电脑产品码
       开发完一个产品要通过加密解密来保护产品权益和控制运行,其中核心环节是读取电脑硬件信息和加密解密算法。这里介绍一种常用的方法。#encoding=utf-8#Time:2023/09/1618:36#S.py读取电脑产品码#Author:HiFineimportwmiimportbase64frompyDesimport......