【问题标题】:Is it possible to import all files from a folder? [duplicate]是否可以从文件夹中导入所有文件? [复制]
【发布时间】:2018-03-08 05:54:52
【问题描述】:

我在一个名为“assets”的文件夹中有许多 .css / .jpg / etc 文件,我想递归地导入所有这些文件。类似python的东西:

from './assets' import *;

而不是写一个列表:

import './assets/img/ad0.jpg';
import './assets/img/ad1.jpg';
import './assets/img/ad2.jpg';
...

这可能吗?

【问题讨论】:

  • HTTP 没有提供任何列出文件夹的方法,所以没有。
  • 你在使用像 Webpack 这样的打包工具吗?
  • 是的,我正在使用 Webpack。
  • @EricsonWillians Webpack 应该允许您通过一些特殊处理来执行此操作......取决于您拥有的版本。我使用 require.context 使用 webpack 1 完成了它。不确定如何在 webpack 2+ 中完成

标签: javascript reactjs webpack


【解决方案1】:

您可以在模块的入口点执行此操作

function requireAll(r) { 
   r.keys().forEach(r); 
}

requireAll(require.context('./assets', true, /\.jpg$/));

require.context 的最后一个参数只是一个正则表达式,因此您可以包含任意数量的文件扩展名。第二个参数指定是否要递归搜索。

【讨论】:

    猜你喜欢
    • 2011-09-05
    • 1970-01-01
    • 2017-07-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-03-12
    • 1970-01-01
    • 2017-04-26
    相关资源
    最近更新 更多