我们在项目中有时候会遇到这样的需求,比如我们需要引入一些媒体资源,比如多个图片,我们将需要的图片都放入一个文件夹内,如果图片数量过多,我们需要在一个文件中同时引用所有的图片,此时如果使用import引用多次,会非常的不方便,可以通过如下的方法解决

    创建一个独立的引入文件,比如 requireAll.js

    1. let importall = (requireContext) => requireContext.keys().foreach(requireContext)
    2. try {
    3. importAll(require.context('./mediaFloder', true, /\.png$/))
    4. } catch (error){
    5. console.log(error)
    6. }

    之后,在需要引入文件的地方直接 import "requireAll.js" 即可