Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在网页包中获取哈希文件名_Javascript_Angular_Webpack - Fatal编程技术网

Javascript 在网页包中获取哈希文件名

Javascript 在网页包中获取哈希文件名,javascript,angular,webpack,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组件,它需要能够访问该文件的路径并动态更新其模板。因

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

使用define plugin
new Webpack.DefinePlugin({'process.env.Hash':[Hash]})
试试,如果这不起作用,那么在index.html中将其分配给var[Hash]