Javascript 子文件夹中HTML文件的gulp rev replace
我想知道如何让gulp rev replace在子文件夹中的HTML文件中用相同的哈希替换文件引用。考虑以下文件结构Javascript 子文件夹中HTML文件的gulp rev replace,javascript,gulp,gulp-rev,Javascript,Gulp,Gulp Rev,我想知道如何让gulp rev replace在子文件夹中的HTML文件中用相同的哈希替换文件引用。考虑以下文件结构 index.html 子文件夹 index.html 剧本 main.js 风格 main.scss 以及以下html语句: index.html: <!-- build:css styles/main.css --> <link rel="stylesheet" href="/bower_components/normalize-css/nor
- index.html
- 子文件夹
- index.html
- 剧本
- main.js
- 风格
- main.scss
<!-- build:css styles/main.css -->
<link rel="stylesheet" href="/bower_components/normalize-css/normalize.css">
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->
<!-- build:css ../styles/main.css -->
<link rel="stylesheet" href="/bower_components/normalize-css/normalize.css">
<link rel="stylesheet" href="../styles/main.css">
<!-- endbuild -->
index.html
中的样式链接块将使用正确的缩小和散列样式表引用重新访问。子文件夹/index.html
中的相同块将获得完全不同的哈希样式表引用。但是,它确实获得了正确的样式表路径
我是否设置了错误的Gulpfile 在这个帮助下,我找到了答案。最后,我将每个HTML文件中的样式引用设置为应用程序目录的根目录,并提供3个目录进行搜索:
<!-- build:css({.tmp,app,.}) /styles/main.css -->
<link rel="stylesheet" href="/bower_components/normalize-css/normalize.css">
<link rel="stylesheet" href="/styles/main.css">
<!-- endbuild -->
<!-- build:css({.tmp,app,.}) /styles/main.css -->
<link rel="stylesheet" href="/bower_components/normalize-css/normalize.css">
<link rel="stylesheet" href="/styles/main.css">
<!-- endbuild -->
const assets = $.useref.assets({searchPath: ['.tmp', 'app', '.']});