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

欧阳克    2017-06-12 09:24:005楼

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

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

module.exports = {
    img1,
    ...
}

就可以这么引用了

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

 赞 +0添加回复

扔个三星炸死你    2017-06-12 09:24:004楼

从来没有用过这种方式。

 赞 +0添加回复

学习ing    2017-06-12 09:24:003楼

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

 赞 +0添加回复

迷茫    2017-06-12 09:24:002楼

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

 赞 +0添加回复

学习ing    2017-06-12 09:24:001楼

如果用的是webpack可以这么写

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

 赞 +0添加回复