javascript - Wie kann ich den Code beim Importieren mehrerer Module in JS vereinfachen?

Question

Wie kann es ähnlich wie bei dieser Einführung mehrerer Module in einem Satz vereinfacht werden, z. B.
importieren Sie {A, B, C, D} aus {'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));
});