javascript - 神秘的一行，用于在Webpack : templates. keys().forEach(templates)中要求html模板？

Question

我想使用 ngTemplate-loader 和 html-template-loader 将 html 模板导入到 Webpack 包中，并在另一个项目中找到了用于该目的的两行代码:

const templates = require.context(__dirname, true, /\.html$/);
templates.keys().forEach(templates);

第一行对我来说很清楚 - 它递归地需要当前目录下的所有 html 文件，并将它们添加到 $templateCache。

但第二行对我来说完全是个谜。这有什么意义？

Answer 1

templates.keys() 将返回匹配文件的路径数组:

['./file1.js', './file2.js'].forEach(templates);

然后 forEach 将为每个文件调用 templates 函数(这是 require 上下文设置为 __dirname) :

templates('./file1.js');
templates('./file2.js');

或:

require('./file1.js'); // this files will be searched relative to __dirname
require('./file2.js');