如何使用 svg-sprite-loader 一次导入所有图标？

【问题标题】：How to import all icons at once using svg-sprite-loader?如何使用 svg-sprite-loader 一次导入所有图标？
【发布时间】：2018-03-29 22:26:58
【问题描述】：

我正在尝试使用 https://github.com/kisenka/svg-sprite-loader 这个包在我的应用程序中使用 svg 图标。

最终它成功了，但我必须导入每个图标： import up from '@/assets/svg/up.svg'

我怎样才能做到一次，从我的 svg 文件夹中自动导入所有图标？

【问题讨论】：

【解决方案1】：

准备一个像sprites.js这样的模块（调整你的svgs路径）：

require.context('path/to/your/svg/folder', true, /\.svg$/);

并将其包含在您的入口点中。

official Webpack docs 中有关require.context 的更多信息

【讨论】：