我已将Webpack配置为使用文件名中的散列复制文件以进行缓存清除:
{
test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
loader: 'file?name=assets/[name].[hash].[ext]'
},
结果是 img.png 这样的文件名变成 img.3423543534234325346436.png
但我正在编写一个动态Angular2组件,该组件需要能够访问该文件的路径并动态更新其模板。所以我需要能够以某种方式在代码中获得 img.3423543534234325346436.png ,而不是HTML模板。
例如,在Angular2组件中:
private myIcon = 'img.png';
然后在模板中:
<img [src]='myIcon' />
如何在Angular2代码中获取哈希文件名?