-
npm init
初始化環(huán)境
- 新建Gruntfile.js 文件,內容如下:
module.exports = function(grunt) {
// 項目配置(任務配置)
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
watch: {
client: {
files: ['*.html', 'css/*', 'js/*', 'images/**/*','h5/*'], //需要監(jiān)聽的文件
options: {
livereload: true
}
}
}
});
// 加載插件
grunt.loadNpmTasks('grunt-contrib-watch');
// 自定義任務
grunt.registerTask('live', ['watch']);
};
- 安裝插件
npm install grunt grunt-contrib-watch connect-livereload --save-dev
- 瀏覽器安裝插件LiveReload,反正我是用谷歌瀏覽器的。
-
grunt live
開始享受生活吧
- livereload 是需要服務器支持的。so 提供一個小型服務器。
- 安裝
npm install -g http-server
- 啟動
http-server -a 127.0.0.1 -p 8085
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。