方案一：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文件：
- module.exports = function(grunt) {
- // 項目配置(任務配置)
- grunt.initConfig({
- pkg: grunt.file.readJSON('package.json'),
- watch: {
- client: {
- files: ['*.html', 'css/*', 'js/*', 'images/**/*'],
- options: {
- livereload: true
- }
- }
- }
- });
- // 加載插件
- grunt.loadNpmTasks('grunt-contrib-watch');
- // 自定義任務
- grunt.registerTask('live', ['watch']);
- };
學習交流
- HTC M8怎么換主題 M8換主題方法12-23
- 錘子手機如何開啟單手撥號面板12-23
- OPPO R7拍照音如何關閉12-23
- LG G3如何開啟來電翻轉靜音12-23
- 兩種方式登錄FTP10-30
- 查看一個頂級域名下所有的二級域名10-30
- 用HOSTS文件屏蔽網站 建立網站映射的方法10-30
- 域名狀態及其意義總結10-30
- 二級域名原理以及程序，申請即可開通10-28
熱門圖片
猜你喜歡的新聞
新聞熱點
2024-04-27 13:35:46
2024-04-27 13:33:47
2024-04-24 22:53:44
2024-04-23 19:32:50
2024-04-23 19:25:50
2024-04-23 19:13:19
疑難解答
