在Webpack中获取哈希文件名

时间:2016-11-07 21:57:46

标签: javascript angular webpack

我已将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代码中获取哈希文件名?

0 个答案:

没有答案