Flynt Theme : 如何停止给资产文件名添加随机数后缀，如css、js和images

Question

我喜欢 Flynt 主题。非常完美！！！。但我有麻烦了。我不是 webpack 专家。

所以当我运行 npm run build 时，图像文件在此操作后具有随机后缀。例如，flynt\assets\images\facebook.svg 会像 flynt\dist\assets\images\facebook-9f900a2130.svg

但是我把 css 做了如下

.facebook {
    background-image: url('../assets/images/facebook.svg');
 }

如您所见，在 npm run build 之后，站点找不到原始 facebook.svg 文件

解决我的问题的最佳方法是什么

此致

Answer 1

我找到了解决方案。

我在 gulpfile.js 中评论了 rev 函数。

function rev () {
  gulp.task('rev', gulp.series([
    // 1) Add md5 hashes to assets referenced by CSS and JS files
    'revAssets',
    // 2) Update asset references (images, fonts, etc) with reved filenames in compiled css + js
    'revUpdateReferences',
    // 3) Rev and compress CSS and JS files (this is done after assets, so that if a referenced asset hash changes, the parent hash will change as well
    'revRevvedFiles',
    // 4) Update asset references in HTML
    'revStaticFiles'
  ]))
}

所以编译后的文件永远不会有哈希字符串。

Flynt Theme : 如何停止给资产文件名添加随机数后缀，如css、js和images

Flynt Theme : How to stop to add random number suffix to assets filenames such as css, js and images

wordpress

wordpress-theming

webpack