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