亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

gulp解決瀏覽器緩存問題

给请求的文件加上唯一的版本号,这样浏览器就会加载新文件,防止因缓存产生的问题。下面是用gulp-rev生成md5签名,构建好的文件名会加上md5签名,同时生成一个json用来保存文件名路径对应关系。

安装插件

npm install --save-dev gulp
npm install --save-dev gulp-rev
npm install --save-dev gulp-rev-collector

在gulpfile.js中:

const { src, dest, lastRun, series, parallel, watch, task } = require('gulp');
const JSDIST = 'dist/js/';
const CSSDIST = 'dist/css/';
function css() {
    return src("src/css/**/style.css", {
        allowEmpty: true
    })
        // .pipe(autoprefixer())
        // .pipe(cleanCSS())
        // .pipe(rename(path=>{
        //     path.basename += '.min';
        // }))
        // .pipe(dest(CSSDIST))


        
        .pipe(dest(CSSDIST))
              //生成映射文件存放在rev/css目录
        .pipe(dest('rev/css'));

}
//

function revHtml(){
    //读取rev目录下的rev-manifest.json文件,替换引用的css,js路径
    return src(['rev/**/*.json', '../Views/Account/*.cshtml'])
       
        .pipe(dest('../Views/Account/'));
}

//
function watching() {
    watch("src/css/**/style.css", css);
    watch(["js/common.js", "js/copyRightYear.js"], commonJs);
    watch("src/js/**/script.js", js);
}


const build = series(clean, parallel(css, revHtml));
const dev = series(clean, parallel(css, revHtml), watching);

exports.baseCss = baseCss;
exports.css = css;
exports.baseJs = baseJs;
exports.commonJs = commonJs;
exports.js = js;
exports.dev = dev;
exports.build = build;
exports.ngBaseJs = ngBaseJs;
exports.ngConfigJs = ngConfigJs;


详细操作参考:https://www.shawnlin.cn/7c7acf5e/#%E5%AE%89%E8%A3%85%E6%8F%92%E4%BB%B6%E4%BE%9D%E8%B5%96

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消