Gulp-cdnizer:仅针对特定文件替换cdn的本地链接

时间:2015-08-20 14:55:40

标签: deployment gulp bower cdn

大家好!

有人知道如何用特定文件的cdn链接替换js文件的本地链接吗? 我正在使用gulp和bower进行前端部署。

所以,任务如下:bower_components文件夹包含angular,jquery,bootstrap等文件夹,指向.js文件的链接在index.html中设置如

 <head>
<script type="text/javascript" src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="../bower_components/angular/angular.min.js"></script>
<script type="text/javascript" src="../bower_components/angular-route/angular-route.min.js"></script></pre>
....

</head>

如何使用gulp-cdnizer获取仅限角度的cdn链接?

预期(期望)结果

<head>
<script type="text/javascript" src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-route.min.js></script>
....

</head>

你能为gulp任务举例吗?

gulp.src("./src/index.html")
    .pipe(cdnizer([
        {
            file: 'vendor/angular/angular.js',
            package: 'angular',
            cdn: '//ajax.googleapis.com/ajax/libs/angularjs/${ major }.${ minor }.${ patch }/${ filenameMin }'
        // some actions to get purpose
        }
    ]))
    .pipe(gulp.dest("./dist"));

0 个答案:

没有答案
相关问题