非Node.js环境下AMD架构JS应用读取文件夹文件名的疑问

首先直接给结论：你不能直接在AMD的require数组里引入/node-modules/file-system来使用它的方法，核心原因有两个，下面我会详细解释，并给你适配AMD浏览器应用的可行方案。

为什么直接引入Node.js的file-system模块行不通？ #

• 环境不兼容：file-system本质是Node.js原生fs模块的包装，只能在Node.js服务器/本地运行环境中使用。浏览器端出于安全限制，根本没有访问服务器或本地文件系统的权限，也不支持Node.js的文件系统API，所以即使加载成功也无法调用任何方法。
• 模块格式不匹配：AMD加载器（比如你用的Dojo）只能识别AMD规范的模块，而file-system是CommonJS格式的Node模块，两者的模块定义逻辑完全不同。哪怕你配置了路径让AMD加载器找到它，也会因为模块格式错误无法正常初始化，更别说里面还依赖了Node的其他核心模块（比如path），浏览器根本没有这些模块的运行环境。

适配你场景的可行方案 #

你的需求是“遍历应用内的data文件夹并获取文件名”，结合你用AMD（Dojo）的浏览器端应用场景，推荐两种实用方案：

方案一：后端接口获取（最通用，适合动态内容） #

因为浏览器不能直接访问服务器文件系统，所以需要通过后端接口来代理这个操作：

1. 用你提到的PHP或者Node.js写一个简单的接口：
   • PHP示例：写一个get-data-files.php脚本，用scandir读取文件夹并返回JSON：

     <?php
     $dataDir = __DIR__ . '/data';
     $files = array_diff(scandir($dataDir), array('.', '..'));
     header('Content-Type: application/json');
     echo json_encode($files);
     ?>
     

   • Node.js（Express）示例：写一个接口路由：

     const express = require('express');
     const fs = require('fs');
     const path = require('path');
     const app = express();
     
     app.get('/api/data-files', (req, res) => {
       const dataDir = path.join(__dirname, 'data');
       fs.readdir(dataDir, (err, files) => {
         if (err) return res.status(500).json({error: err.message});
         res.json(files.filter(file => file !== '.' && file !== '..'));
       });
     });
     
     app.listen(3000);
     

2. 前端用Dojo的dojo/request/xhr请求这个接口：

   require([
     "dojo/json", 
     "dojo/request/xhr", 
     "dojo/promise/all", 
     "dojo/domReady!"
   ], function(JSON, xhr, all) {
     xhr('/api/data-files', {
       handleAs: 'json'
     }).then(dataFiles => {
       // dataFiles就是data文件夹里的文件名数组
       console.log('获取到的文件名：', dataFiles);
     }).catch(err => {
       console.error('请求失败：', err);
     });
   });
   

方案二：预生成文件名JSON（适合静态内容） #

如果你的data文件夹内容不经常变动，可以在开发/build阶段用Node.js脚本提前生成文件名列表，然后前端直接加载这个JSON文件：

1. 写一个简单的Node脚本generate-data-files.js：

   const fs = require('fs');
   const path = require('path');
   
   const dataDir = path.join(__dirname, 'data');
   const outputPath = path.join(__dirname, 'data-files.json');
   
   fs.readdir(dataDir, (err, files) => {
     if (err) throw err;
     // 过滤掉.和..文件夹
     const validFiles = files.filter(file => !/^\.+$/.test(file));
     fs.writeFileSync(outputPath, JSON.stringify(validFiles));
     console.log('已生成data-files.json');
   });
   

2. 运行脚本生成文件：node generate-data-files.js
3. 前端直接用AMD加载这个JSON文件：

   require([
     "dojo/json", 
     "./data-files.json", 
     "dojo/promise/all", 
     "dojo/domReady!"
   ], function(JSON, dataFiles, all) {
     // dataFiles就是预先生成的文件名数组
     console.log('获取到的文件名：', dataFiles);
   });
   

补充：关于AMD加载器配置的误区 #

哪怕你尝试配置Dojo的require.config来指向node_modules里的file-system：

require.config({
  paths: {
    'file-system': '/node_modules/file-system/index'
  }
});

加载后依然会报错，因为模块内部依赖Node的核心模块，浏览器无法提供这些环境支持，所以这条路走不通。

内容的提问来源于stack exchange，提问作者gwydion93