javascript - js 中import多个模块如何简化代码？

Question

类似于这种引入多个模块，如何简化成一句，比如
import {A,B,C,D} from {'a.js','b.js'.....}

Answer 1

在../img/new下创建 index.js

import img1 from './banner.png'
...

module.exports = {
    img1,
    ...
}

就可以这么引用了

import { img1, img2 ... } from '../img/new';

Answer 2

从来没有用过这种方式。

Answer 3

如果你右边全部是js的话还好解决，都写在一个文件 improt {a, b, c} from xx.js 就好，可图片就..

Answer 4

把你这个,引入多个模块的文件A,单独封装做成一个模块B，然后引入使用模块B.

Answer 5

如果用的是webpack可以这么写

const context = require.context('../img/new/', true, /\.(html)$/);
context.keys().forEach((filename) => {
    console.log(filename, context(filename));
});