vue3 vite 无法直接只用fs
时间: 2023-07-09 18:45:13 浏览: 365
vue3+vite+qiankun+monorepo框架
您是正确的,Vue3和Vite都是在浏览器环境下运行的,而浏览器不允许直接访问文件系统。因此,您无法直接使用Node.js的fs模块来读取本地文件夹中的SVG文件名。
不过,您可以尝试使用一些第三方的库,例如`fs-extra`、`klaw-sync`或`glob`等,这些库可以在浏览器中使用,帮助您读取本地文件系统中的文件名。您可以通过`npm`来安装这些库,例如:
```bash
npm install fs-extra --save-dev
```
然后在您的代码中使用这些库来读取SVG文件名,例如:
```javascript
import fse from 'fs-extra';
const files = fse.readdirSync('./path/to/svg/folder');
const svgFileNames = files.filter(file => file.endsWith('.svg'))
.map(file => file.replace('.svg', ''));
```
这里我们使用了`fs-extra`库的`readdirSync`方法来读取指定目录下的所有文件名,并使用`filter`和`map`方法来过滤和处理SVG文件名。
阅读全文