Webpack的哈希技术

时间:2018-08-12 11:24:06

标签: webpack

我是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个字符,是否会影响缓存以及应使用哪种技术?

0 个答案:

没有答案