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));
});