Gulp:如何将CDN用于js-lib

Gulp: how to use CDN for js lib?

本文关键字：CDN 用于 js-lib Gulp      更新时间：2023-09-26

我是AngularJS和Gulp的新手。

在一个示例中，Gulp从js/lib/angular2文件夹中的node_modules文件夹复制一些库：

gulp.task('libs', function() {
 return gulp.src([
  'node_modules/angular2/bundles/angular2.dev.js'
    ... // other libs
 ]).pipe(gulp.dest(src + 'js/lib/angular2'));
});

然后通过脚本标签添加到index.html中

<script src="js/lib/angular2/angular2.dev.js"></script>

如果我通过CDN加载它们会怎样？

在开发过程中，我可以使用Gulp复制的本地js文件，但在生产中，我是否用相应的CDN文件（如果有的话）"手动"替换它们？或者有一种方法可以直接用Gulp来完成？

编辑

我发现了插件gulp-cdnizer

有一个用于gullow的插件，gullowprocesshtml，可以做到这一点。它使用条件注释，这些注释将基于gump任务删除/替换/添加到HTML文件中。

https://www.npmjs.com/package/gulp-processhtml

相关文章：