javascript - 将导入移动到单独的文件

Question

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



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

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

问题:如何将所有导入移动到一个单独的文件并像 disclaimer['320']['3x'] 一样导出它们？也许你知道这个案例的例子。

Answer 1

做这个:

创建文件(我们称之为asset.js)并导入您想要的 Assets ，然后导出它们:

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']