Gulp-cdn plug
gulp-cdn: replace the html files require cdn domain automatically replace all the corresponding domain url, support the replacement javascript, css, img, etc. html, css , javascript code introduced using the domain name
Documentation
1. Installation
npm install gulp-cdn --save-dev
2. gulpfile Configuration
var gulp = require('gulp');var cdn = require('gulp-cdn');gulp("default", function(){return gulp.src ("./src/*.html").pipe(cdn({domain:"http://localhost",cdn:"http://cdn"})).pipe (gulp.dest("./dist/"))})
or array config
var gulp = require('gulp');var cdn = require('gulp-cdn');gulp("default", function(){return gulp.src ("./src/*.html").pipe(cdn([{domain:"http://localhost",cdn:"http://cdn"},{domain:"http://localhost2",cdn:"http://cdn2"}])).pipe (gulp.dest("./dist/"))})
3. Using After Effects
- Replace ago
<Script src = "http: //localhost/js/common.js"> </ script><Link rel = "stylesheet" type = "text / css" href = "http: //localhost/index.css"><Img src = "http: //localhost/img/share.png" alt = "">
- Replace after
<Script src = "http: //cdn/js/common.js"> </ script><Link rel = "stylesheet" type = "text / css" href = "http: //cdn/index.css"><Img src = "http: //cdn/img/share.png" alt = "">
see exampleexample
change log
2016-01-04: support array config