咕嘟咕嘟-cdnizer - 而不是取代源链接(Gulp-cdnizer - Not replac

我试图让一口，cdnizer工作，但它的作用是把文件中，并吐出未处理到目标文件夹中的文件。也许我的选项设置有误或吞气任务是行不通的。如何配置吞气，cdnizer用自定义bower_components路径工作？

咕嘟咕嘟任务：

gulp.task('makeCdn', function () {

    return gulp.src('./app/**/*.html')
        .pipe(cdnizer({
            bowerComponents: './vendor/bower_components',
            allowRev: true,
            allowMin: true,
                files: [
                    {
                        file: '/vendor/bower_components/angular/angular.js',
                        package: 'angular',
                        // angular has a bizarre version string inside bower, with extra information.
                        // using major.minor.patch directly ensures it works with the CDN
                        cdn: '//ajax.googleapis.com/ajax/libs/angularjs/${ major }.${ minor }.${ patch }/angular.min.js'
                    }
                ]
            })
            .pipe(gulp.dest('./dist/'))
        );

});

HTML文件'./app/test/test.html'

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>

        <script src="/vendor/bower_components/angular/angular.js"></script>
        <script src="/vendor/bower_components/bootstrap/dist/js/bootstrap.js"></script>

    </body>
</html>

文件夹结构：

需要做得到一口，cdnizer工作是什么？

原来你有几个错字在你的gulpfile。你所拥有的一切包裹第一内部gulp.src().pipe()而不是链接。

如果你带参数和空白，你可以看到你所拥有的是这样的：

return gulp.src(...)
    .pipe(
        cdnizer(...).pipe(gulp.dest(...))
    );

当它应该是：

return gulp.src(...)
   .pipe(cdnizer(...))
   .pipe(gulp.dest('./dist/'));

老实说，我不知道为什么失败呢做的方式，但结果cdnizer()是被绕过。

简单地解决您的嵌套/括号，就像这样，你将所有设置。

gulp.task('makeCdn', function () {

    return gulp.src('./app/**/*.html')
        .pipe(cdnizer({
            bowerComponents: './vendor/bower_components',
            allowRev: true,
            allowMin: true,
                files: [
                    {
                        file: '/vendor/bower_components/angular/angular.js',
                        package: 'angular',
                        // angular has a bizarre version string inside bower, with extra information.
                        // using major.minor.patch directly ensures it works with the CDN
                        cdn: '//ajax.googleapis.com/ajax/libs/angularjs/${ major }.${ minor }.${ patch }/angular.min.js'
                    }
                ]
            }))
        .pipe(gulp.dest('./dist/'));
});

您也可以消除包装对象和默认选项，如果你的.bowerrc是在正确的地方：

gulp.task('makeCdn', function () {

    return gulp.src('./app/**/*.html')
        .pipe(cdnizer([
                    {
                        file: '/vendor/bower_components/angular/angular.js',
                        package: 'angular',
                        // angular has a bizarre version string inside bower, with extra information.
                        // using major.minor.patch directly ensures it works with the CDN
                        cdn: '//ajax.googleapis.com/ajax/libs/angularjs/${ major }.${ minor }.${ patch }/angular.min.js'
                    }
                ]))
        .pipe(gulp.dest('./dist/'));
});