[JavaScript知识库]猿创征文｜js、node.js获取指定文件下的内容

目录

一、js获取指定文件下的内容

?二、node.js获取指定文件下的内容?

最近做一个语言切换功能，所有的的语言翻译都在同一个文件中，导致文件过大，难以维护于是想到了对文件按模块进行拆分，绞尽脑汁，查了各种资料，果然功夫不负有心人，现在方法总结出来，希望能帮助更多有需要的人。

一、js获取指定文件下的内容

首先jieshao

require.context

可以给这个函数传入三个参数：一个要搜索的目录，一个标记表示是否还搜索其子目录， 以及一个匹配文件的正则表达式。

Webpack 会在构建中解析代码中的?require.context()?。

用法

require.context(directory, useSubdirectories = false, regExp = /^\.\//)

示例

读取template文件夹下面的所有js文件，并获取值；

项目环境：Vue2项目

目录结构

template

? ? ? ? dom.js

? ? ? ? tem.js

getmodules.js

// dom.js
module.exports = {
? dom: "我是dom"
};

// tem.js
module.exports = {
? tem: "我是tem"
};

const modulesFilesen = require.context("./template", true, /\.js$/);
const modulesen = modulesFilesen.keys().reduce((modules, modulePath) => {
  const moduleName = modulePath.replace(/^.\/(.*)\.js/, "$1");
  const value = modulesFilesen(modulePath);
  modules[moduleName] = value;
  return modules;
}, {});

// 结果
modulesen = {
  dom: {
    dom: "我是dom",
  },
  tem: {
    tem: "我是tem",
  },
};

?二、node.js获取指定文件下的内容?

node.js需要借助模块，主要处理文件的读写、复制、s删除、重命名等操作。

建议使用同步读取文件模块fs.readFileSync(cur, "utf8")，防止出现文件读取不到的情况。

reduce()的用法可以参考另一篇博文。

// 第一步：引入 fs 文件系统模块
let fs = require("fs");

const dirName = "./template"; // 读取目标文件夹名称
const reg = /(?<=[.])[a-z]+/; // 文件后缀匹配规则

// 第二步：读文件夹，获取文件名列表
// 同步 readdir().返回文件数组列表
let fileList = fs.readdirSync(dirName);

// 第三步：过滤出想要的文件类型
let result = fileList.reduce((pev, cur) => {
  const curPicType = cur.match(reg)[0];
  if (["js"].includes(curPicType)) {
    // 同步读取
    let res = fs.readFileSync(cur, "utf8");
    pev[cur] = res;
  }
  return pev;
}, {});
// result = {
//   dom: {
//     dom: "我是dom",
//   },
//   tem: {
//     tem: "我是tem",
//   },
// };