文件名中的 WebPack Cache 破坏哈希永远不会改变答案

【问题标题】：WebPack Cache busting hash in file names never changes文件名中的 WebPack Cache 破坏哈希永远不会改变
【发布时间】：2016-08-05 17:09:46
【问题描述】：

我正在尝试让我的 gulp 文件输出中的缓存清除工作。目前它输出一个像这样的文件：main.2d06434c1c57525870ac-e7615836.js 但是每当我修改打字稿文件并重建文件名输出中的哈希值时总是相同的。

我已经尝试了内置的 webpack 散列和 gulp 乙烯基命名的散列，看看它们的配置是否有问题，但它们的输出文件名在每次重建时都是相同的。

这是我的构建器任务的相关部分。谢谢！

var packer = gulp.src(['./src/basePolyfills.ts', './src/external.ts', './src/main.ts'])
.pipe(named())
.pipe(webpack({
        output: { filename: '[name].[hash].js' },
        module: {
                loaders: [
            { test: /\.ts$/, loader: 'ts' },
            { test: /\.html$/, loader: 'html' }
                ]
        },
        resolve: { extensions: ['', '.js', '.ts'] }
}))
.pipe(hash())
.pipe(gulp.dest('./wwwroot/js/'));

【问题讨论】：

标签： gulp webpack

【解决方案1】：

你的 hash() 来自哪里？据我所知，webpack 会自动计算 chunkhashes。请注意，“hash”和“chunkhash”之间是有区别的。 chunkhash 是每个块的散列，而“散列”似乎是所有文件的散列。

你可以试试：

 var packer = gulp.src(['./src/basePolyfills.ts', './src/external.ts', './src/main.ts'])
.pipe(named())
.pipe(webpack({
        output: { filename: '[name].[chunkhash].js' },
        module: {
                loaders: [
            { test: /\.ts$/, loader: 'ts' },
            { test: /\.html$/, loader: 'html' }
                ]
        },
        resolve: { extensions: ['', '.js', '.ts'] }
}))
.pipe(gulp.dest('./wwwroot/js/'));

【讨论】：