Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将导入移动到单独的文件_Javascript_Reactjs_Import - Fatal编程技术网

Javascript 将导入移动到单独的文件

Javascript 将导入移动到单独的文件,javascript,reactjs,import,Javascript,Reactjs,Import,我有大量这样的图片导入: Asset.disclaimer['320']['3x'] 在html代码中,这些图片的使用方式如下: <source media="(min-width: 1200px)" srcset="/images/DISCLAIMER.jpg, /images/disclaimer-1140@2x.png 2x, /images/disclaimer-1140@3x.png 3x" ></source> 问题:如何将所有导入移到单独的

我有大量这样的图片导入:

Asset.disclaimer['320']['3x']

在html代码中,这些图片的使用方式如下:

<source
  media="(min-width: 1200px)"
  srcset="/images/DISCLAIMER.jpg, /images/disclaimer-1140@2x.png 2x, /images/disclaimer-1140@3x.png 3x"
></source>

问题:如何将所有导入移到单独的文件中,并像免责声明['320']['3x']那样导出它们?也许你知道这个例子。

这样做:

创建文件(我们称之为asset.js)并导入所需的资产,然后将其导出:

import disclaimer from '...'
import disclaimer_3x from '...'

const disclaimer = {
  320: {
    3x: disclaimer_3x
  }
}

export {
  disclaimer
}
然后只需导入此文件:

import * as Asset from 'asset.js'
然后像这样使用它们:

Asset.disclaimer['320']['3x']