Webpack的哈希技术

Question

我是Webpack的新手，对哈希概念一无所知。我知道哈希是用于缓存的，它的工作原理类似于fingerprint，它在文件后附加了一些字母数字字符串，该字符串告诉浏览器在修改字母数字字符串之前不要更新文件。在Webpack文档中，他们在某些地方使用这种技术来hash他们的文件。

 {
    test: /\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2)$/i,
    use: {
        loader: 'file-loader',
        options: {
            name: '[name].[hash].[ext]',
        }
    }
  }

输出：

picture.4229d691b07b13341da53f17ab9f2416.jpg

有人说要使用更好的cachinng，但是在这项技术中，在查询参数后添加了哈希。

  {
    test: /\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2)$/i,
    use: {
        loader: 'file-loader?[name].[ext]?[hash]',
    }
  }

输出：

picture.jpg?73868cb1848a216984dca1b6b0ee37bc

我知道默认情况下file-loader正在创建md5算法的32个字符的哈希。如果我将散列的长度截断为8个字符，是否会影响缓存以及应使用哪种技术？