根文件夹中的 Gulp useref 构建文件答案

【问题标题】：Gulp useref build files in root folder根文件夹中的 Gulp useref 构建文件
【发布时间】：2015-02-19 20:42:24
【问题描述】：

我在一个项目中使用 yeoman 的 gulp webapp 生成器，出于某种特殊原因，我需要在根文件夹中生成文件，而不是在“dist”文件夹中，但是路径有一些问题，下面是我的代码.

在 HTML 中：

<!-- build:js ../scripts/vendor/modernizr.js -->
<script src="bower_components/modernizr/modernizr.js"></script>
<!-- endbuild -->

在 gulpfile.js 中

// HTML
gulp.task('html', function () {
    return gulp.src('app/*.html')
      .pipe($.useref())
      .pipe(gulp.dest('')) // I removed 'dist' here
      .pipe($.size());
});

就是生成了一个scripts文件夹和根文件夹下的index.html，但是index.html中的脚本路径不对。

<script src="../scripts/vendor/modernizr.js"></script>

我在 gulpfile.js 中找不到任何提及，我错过了什么吗？

【问题讨论】：

标签： gulp

【解决方案1】：

试试gulp-replace-path 插件

你可以试试这样的

.pipe($.replacePath('../', '')
.pipe(gulp.dest(dest));

【讨论】：

【解决方案2】：

不幸的是，我认为您需要手动更改index.html 的脚本标签中的src 属性，因为我认为它不会在没有适当外观的情况下为您动态地执行此操作。

无论如何，这是一个简单的更改。只需进入index.html 并从src 属性中删除../。

希望对您有所帮助。

【讨论】：

【解决方案3】：

对于咕噜我做了这样的事情..

replace: {
            prod: {
                src: ['../prod/**/css/*.css'],
                overwrite: true,
                replacements: [{
                    from: "../../../inc/",
                    to: "../../../../inc/"**
        }]
    }
}

【讨论】：