Vue 如何获取当前vue文件所在的文件夹的名字？

如果你是用vue脚手架，在运行时是打包后的文件，文件夹已经变了，只能在打包阶段用 node 做处理，比如把文件夹名字在打包时指野注入到vue代码里禅伏。

如果你是用cdn直接引的vue来使用，运行时是没有权限获取文件信贺逗携息的。

近日因开发的项目变得越来越大，导致项目使用的svg-icon越来越多，液桐所以想要制作一个页面来显示目前闹扒坦引入的所有svg-icon，方便查找与使用。

不过在网上搜索了一下，发现并没有人提出或者解决这个问此辩题，因此自己动动手解决了这个问题，在这里把这个解决方法记录一下：

至于如何引入svg-icon并且使用，我就不多费口舌介绍。

有疑问可以参考这个文章： 优雅使用 icon svg 图标

只要在计算属性computed里输出icons数组，通过require.context().keys()返回文件夹下所有的icons图标即可：

附：

require.context 接收以下三种参数

directory {String} -读取文件的路径

useSubdirectories {Boolean} -是否遍历文件的子目录

regExp {RegExp} -匹配文件的正则

---