javascript - Gulp:如何使用 js 库的 CDN?

标签 javascript angular gulp

我是 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

最佳答案

有一个 gulp 插件 gulp-processhtml 可以做到这一点。它使用条件注释,根据 gulp 任务删除/替换/添加到您的 HTML 文件中。

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

关于javascript - Gulp:如何使用 js 库的 CDN?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37140875/

相关文章:

unit-testing - 在 Angular 2 的构造函数中注入(inject)路由器的问题单元测试服务

caching - 使用 Gulp 在我的 CSS 中缓存半身像背景图像,而无需编辑我的 SASS?

javascript - 验证器 html 输入类型文件

angular - 如何以 Angular 禁用模板驱动表单中的所有字段

angular - 使用 HttpClient get 重载请求 header 和参数

node.js - 在 CruiseControl.NET 上运行 gulp 任务

javascript - 为什么 gulp-useref 似乎不适用于替换部分中的注释?

javascript 表单验证不阻止 css.submitted 从操作

javascript - JQuery 未注册按钮点击

javascript - 根据用户的区域设置解析日期