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

Question

Ähnlich wie bei dieser Art der Einführung mehrerer Module, wie kann man es in einem Satz vereinfachen, z. B. {A, B, C, D} aus {'a.js', 'b.js' ... importieren?

欧阳克 · Answer

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

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

module.exports = {
    img1,
    ...
}

就可以这么引用了

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

扔个三星炸死你 · Answer

从来没有用过这种方式。

学习ing · Answer

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

迷茫 · Answer

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

学习ing · Answer

如果用的是webpack可以这么写

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