我有一些脚本标签
<script type="text/javascript" src="bower_components/angular/angular.min.js" cdn="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script type="text/javascript" src="bower_components/angular-messages/angular-messages.min.js" cdn="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular-messages.min.js"></script>
我想更改为
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular-messages.min.js"></script>
我尝试过 cdnify,但我们必须在 gulp 本身中编写所有内容。 我希望对 HTML 文件本身进行更多控制,因此如果我使用不同的 cdn url,将很容易控制。
最佳答案
您可以使用gulp-replace
更改您的 html 文件,并使用正则表达式 /src="(.+?)"\scdn="(.+?)"/gmi
这应该有效:
var replace = require('gulp-replace');
gulp.task('replace-cdn', function(){
gulp.src(['index.html'])
.pipe(replace(/src="(.+?)"\scdn="(.+?)"/gmi, 'src="$2"'))
.pipe(gulp.dest('build '));
});
关于html - 通过 gulp 将脚本的 src 从 Bower_components 更改为 CDN,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39242887/