web开发工具 http-server , grunt 使用
2016-06-19 10:53
489 查看
http-server
它是一个简单的服务部署,与Express相比,这货更轻了,它只是一个服务搭建工具,完全可以不安装到项目的目录中。安装使用:npm install -g http-server
成功安装后,使用:
http-server -a hostip -p port
即可拉起当前目录的web应用。
当然,如果少年你比较倔强,非得安装到本地项目中也是可以的。启动时,就要在web应用的根目录运行:
node ../node_modules/http-server/bin/http-server
其他参数用
-h查看就行。有个小坑,有时候更改文件后重启服务页面不一定立刻生效
删掉浏览器缓存吧。
grunt
这货是个自动化的插件,编译,压缩,单测啥的,只要够懒,它就够强大。它官网在这,感觉本土化做得不错,估计有坑挖的也挺漂亮。安装运行:npm install -g grunt-cli
这个是一个启动器,有点像Express创建项目那个东西。也建议全局安装了,估计每个项目都得用。
在项目中安装可以使用命令:
npm install grunt --save-dev
算是下载并保存到package.json里面。然后加入其他好基友的方法也是一样的,常用的有:
grunt-contrib-jshint 检测js文件
grunt-contrib-uglify 混淆压缩
grunt-contrib-nodeunit node单测
grunt-contrib-watch 检测文件变化
安装好grunt后得配置一下,在package.json文件同级目录下创建一个Gruntfile.js 。根据官方文档 ,Gruntfile由以下几部分构成:
"wrapper" 函数
项目与任务配置
加载grunt插件和任务
自定义任务
一个例子是这样的:
module.exports=function(grunt){
grunt.initConfig({
pkg:grunt.file.readJSON('package.json'),
uglify:{
options:{
banner:'/*!<%=pkg.name%> <%=grunt.template.today("yyyy-mm-dd")%> */\n'
},
build:{
src:'src/<%=pkg.name%>.js',
dest:'build/<%= pkg.name %>.min.js'
}
}
});
编写好后运行
grunt或者
grunt uglify就可以将src目录下的包名文件压缩到build目录下。这个功能能干的事情还是挺多的。看到另一篇文章 可以参考一下。
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.registerTask('default',['uglify']);
};
http-server
它是一个简单的服务部署,与Express相比,这货更轻了,它只是一个服务搭建工具,完全可以不安装到项目的目录中。安装使用:[javascript] view plain copy
print?
![](https://code.csdn.net/assets/CODE_ico.png)
npm install -g http-server
成功安装后,使用:
[javascript] view plain copy
print?
![](https://code.csdn.net/assets/CODE_ico.png)
http-server -a hostip -p port
即可拉起当前目录的web应用。
当然,如果少年你比较倔强,非得安装到本地项目中也是可以的。启动时,就要在web应用的根目录运行:
[javascript] view plain copy
print?
![](https://code.csdn.net/assets/CODE_ico.png)
node ../node_modules/http-server/bin/http-server
其他参数用
-h查看就行。有个小坑,有时候更改文件后重启服务页面不一定立刻生效
删掉浏览器缓存吧。
grunt
这货是个自动化的插件,编译,压缩,单测啥的,只要够懒,它就够强大。它官网在这,感觉本土化做得不错,估计有坑挖的也挺漂亮。安装运行:[javascript] view plain copy
print?
![](https://code.csdn.net/assets/CODE_ico.png)
npm install -g grunt-cli
这个是一个启动器,有点像Express创建项目那个东西。也建议全局安装了,估计每个项目都得用。
在项目中安装可以使用命令:
[javascript] view plain copy
print?
![](https://code.csdn.net/assets/CODE_ico.png)
npm install grunt --save-dev
算是下载并保存到package.json里面。然后加入其他好基友的方法也是一样的,常用的有:
grunt-contrib-jshint 检测js文件
grunt-contrib-uglify 混淆压缩
grunt-contrib-nodeunit node单测
grunt-contrib-watch 检测文件变化
安装好grunt后得配置一下,在package.json文件同级目录下创建一个Gruntfile.js 。根据官方文档 ,Gruntfile由以下几部分构成:
"wrapper" 函数
项目与任务配置
加载grunt插件和任务
自定义任务
一个例子是这样的:
[javascript] view plain copy
print?
![](https://code.csdn.net/assets/CODE_ico.png)
module.exports=function(grunt){
grunt.initConfig({
pkg:grunt.file.readJSON('package.json'),
uglify:{
options:{
banner:'/*!<%=pkg.name%> <%=grunt.template.today("yyyy-mm-dd")%> */\n'
},
build:{
src:'src/<%=pkg.name%>.js',
dest:'build/<%= pkg.name %>.min.js'
}
}
});
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.registerTask('default',['uglify']);
};
编写好后运行
grunt或者
grunt uglify就可以将src目录下的包名文件压缩到build目录下。这个功能能干的事情还是挺多的。看到另一篇文章 可以参考一下。
相关文章推荐
- Linux 系统应用编程——网络编程(socket编程)
- Linux 系统应用编程——网络编程(基础篇)
- Linux 系统应用编程——网络编程(服务器模型)
- UNIX网络编程笔记(5)—I/O复用select/poll
- VMware网络连接模式—桥接、NAT以及仅主机模式的详细介绍和区别
- Linux 系统应用编程——网络编程(高级篇)
- Linux 系统应用编程——网络编程(TCP 协议三次握手过程)
- iOS App 不支持http协议 App Transport Security has blocked a cleartext HTTP (http://)
- Linux 系统应用编程——网络编程(利用TCP/IP 模型分析数据传输过程)
- Linux 系统应用编程——网络编程(TCP/IP 数据包格式解析)
- Linux 系统应用编程——网络编程(I/O模型)
- Linux 系统应用编程——网络编程(常用命令解析)
- 计算机网络体系结构
- java通过Socket实现TCP网络通信
- (2) Socket网络编程(C#)----同步传输字符串
- iOS网络访问之使用AFNetworking
- Android实现网络视频播放
- POJ 1149 PIGS Solution
- HttpClient 4.* connectionRequestTimeout, connectionTimeOut, socketTimeOut
- 【深度神经网络压缩】Deep Compression (ICLR2016 Best Paper)