webpack require.context的主要作用是什么？丨技术开发分享录

"webpack require.context的主要作用是什么？"

转载翻译原创

问答题 · 前端 · webpack · @{ formatTime(detail.create_time) }

webpack require.context的主要作用是什么？

webpack 通过执行 require.context 函数获取一个特定的上下文，主要用来实现自动化导入模块,在前端工程中，如果遇到从一个文件夹引入很多模块的情况,可以使用这个api，它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用 import 导入模块。

如批量引入svg文件：

const requireContext = require.context('./svg', false, /\.svg/)
const requireAll = context => context.keys().map(context)
requireAll(requireContext)

PS：写作不易，如要转裁，请标明转载出处。