前言
有些问题,不知道是Vue的,还是NodeJs的,总之就归拢归拢都在这记录了。
动态加载静态资源
静态资源可以通过静态和动态两种方式加载。静态方式如下:
<img src="./image.png">
静态加载的资源在项目编译的时候,webpack会自动将其打包,只要原始路径正确,不存在加载失败的问题。
动态加载指在JavaScript或TypeScript等代码中,引入的静态资源地址,由于是字符串,所以,打包并不会识别这些资源将其打包到项目中,所以,需要进一步封装,可以通过require
的方式将资源打包到项目中。
imageIcons: [
{
value: 'src/assets/image-icon1.svg',
content: '<img height="42px" src=' + require('../assets/image-icon1.svg') + '/>'
}
]
通过代码加载静态资源的方式,称之为动态加载。