麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > PHP > 正文

詳解Grunt插件之LiveReload實現頁面自動刷新（兩種方案）

2024-05-04 23:38:30
字體：大 中 小
來源：轉載
供稿：網友
這篇文章主要通過兩種方案詳解Grunt插件之LiveReload實現頁面自動刷新,需要的朋友可以參考下
 

方案一：grunt-livereload + Chrome Plug-in

優點：安裝、配置簡單方便。
缺點：需要配合指定的瀏覽器插件（Firefox也有相關插件，IE么你懂的）。

1. 需要安裝2個插接件：grunt-contrib-watch、connect-livereload

執行命令：

 

復制代碼代碼如下:

npm install --save-dev grunt-contrib-watch connect-livereload

 

2. 安裝瀏覽器插件：Chrome LiveReload

3. 配置一個Web服務器（IIS/Apache），LiveReload需要在本地服務器環境下運行（對file:///文件路徑支持并不是很好）。

4. 修改Gruntfile.js文件：
 

  1. module.exports = function(grunt) { 
  2.  // 項目配置(任務配置) 
  3.  grunt.initConfig({ 
  4.   pkg: grunt.file.readJSON('package.json'), 
  5.   watch: { 
  6.    client: { 
  7.     files: ['*.html', 'css/*', 'js/*', 'images/**/*'], 
  8.     options: { 
  9.      livereload: true 
  10.     } 
  11.    } 
  12.   } 
  13.  }); 
  14.  // 加載插件 
  15.  grunt.loadNpmTasks('grunt-contrib-watch'); 
  16.  // 自定義任務 
  17.  grunt.registerTask('live', ['watch']); 
  18. }; 
?

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 久久综合狠狠综合久久 | 中国a毛片 | 免费观看黄色一级视频 | 色天使中文字幕 | 黄色网址入口 | av电影免费在线看 | 日本一道aⅴ不卡免费播放 久久久久久久高清 | 久久久成人免费视频 | 久国产 | 欧美a视频 | 久草免费新视频 | 麻豆视频观看 | 青草久久av| 国产成人在线观看免费网站 | 99精品视频在线观看免费 | 久久久久久久久久美女 | 日本韩国欧美一级片 | 日韩大片在线永久观看视频网站免费 | 亚洲午夜国产 | 亚洲免费看片网站 | a网站在线| 久草在线手机视频 | 国产精品午夜在线观看 | 久久久久久99 | 日本特级a一片免费观看 | 黄色av网站免费 | 自拍偷拍亚洲图片 | 免费国产成人高清在线看软件 | 久久综合久久综合久久 | 伊人午夜视频 | 俄罗斯16一20sex牲色另类 | 亚洲欧美成aⅴ人在线观看 av免费在线播放 | 在线看一区二区三区 | 特级无码毛片免费视频尤物 | 高清国产午夜精品久久久久久 | 国产91中文字幕 | lutube成人福利在线观看污 | 国产精品入口夜色视频大尺度 | 国产亲子伦在线观看 | 色诱亚洲精品久久久久久 | 久久久噜噜噜久久熟有声小说 |