-
npm init 初始化环境
- 新建Gruntfile.js 文件，内容如下：
module.exports = function(grunt) {
// 项目配置(任务配置)
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
watch: {
client: {
files: ['*.html', 'css/*', 'js/*', 'images/**/*','h5/*'], //需要监听的文件
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
