概述
Grunt简介
- Grunt官网
- Grunt中文
Grunt是一个基于node.js的自动化构建工具,合理的设置grunt能帮助前端开发人员轻松完成诸如less、coffeescript编译,css、JavaScript压缩等基础而繁琐的工作,更多高级用法请自行探究。
因为公司这边用的是基于百度fis3开发的自动化构建工具,所以没仔细研究Grunt,今天做项目的时候,因为每次修改完文件都要重启服务器才能看到效果,所以简单地设置一下Grunt,满足了基本需求,如果后续深入研究,会继续更新这篇博客。
Grunt配置
①安装grunt及grunt插件
在package.json文件如下:
{
"name": "demo",
"version": "1.0.0",
"description": "simple demo for learning",
"main": "index.js",
"license": "ISC",
"dependencies": {
"express": "^4.13.4",
"grunt": "~0.4.5",
"grunt-contrib-watch": "~0.5.3",
"grunt-develop": "~0.4.0"
}
}
如上所示,在package.json文件的dependencies里面添加:
"grunt": "~0.4.5",
"grunt-contrib-watch": "~0.5.3",
"grunt-develop": "~0.4.0"
得益于node的依赖管理机制,添加grunt超级简单,添加完后,在项目根目录执行下面命令,安装grunt及grunt插件即可:
npm install
②配置Grunt
在项目根目录新建Gruntfile.js,如下:
module.exports = function (grunt) {
grunt.initConfig({
watch: {
js: {
files: ['index.js'],
//can use regex to match file
tasks: ['develop'],
options: {
nospawn: true
//is important !You need to specify nospawn : true in your watch task configuration so that the called tasks run in the same context.
}
}
},
develop: {
server: {
file: 'index.js'
//the file to start server
}
}
});
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-develop');
grunt.registerTask('default', ['develop', 'watch']);
};
最近
自古风云多变幻。最近两个月发生太多事了,也很久没写博客了,之前学的sidekiq,rails配置邮件发送,搜索引擎solr之类的都没来得及写,以后有时间会再补上来。
愿每天都是新的开始,愿何时何地都有一小片净土能安放下我的电脑,安放下隐隐躁动的心,潜龙勿用。
最后
以上就是无聊鞋垫为你收集整理的Grunt: 监听文件修改及重启node服务器的全部内容,希望文章能够帮你解决Grunt: 监听文件修改及重启node服务器所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复