星期日 晴 8~17℃
GruntJS
grunt.js 是一个自动化构建工具,是 node.js 的一个组件。
使用 grunt.js 需要先安装 node.js,以前装 node.js 比较麻烦,现在直接下安装包来安装就可以了。
1 安装grunt
1.1 安装grunt命令行工具grunt-cli
使用 -g 全局安装,这样可以在任何一个目录里使用了。
命令:
npm install -g grunt-cli
1.2 grunt版本查看
命令:
grunt -version
2 搭建前端项目
(*以下提到的顶目根目录,也可以是项目的静态文件根目录,例如 static)
2.1 新建 package.json
package.json放在根目录下,它包含了该项目的一些元信息,如项目名称、描述、版本号,依赖包等。它应该和源码一样被提交到svn或git。
package.json内容需符合JSON语法规范,如下
{
"name": "koudaitong-isv",
"version": "0.1.0",
"devDependencies": {
"grunt": "~0.4.1",
"grunt-contrib-jshint": "~0.3.0",
"grunt-contrib-uglify": "~0.2.0",
"grunt-contrib-concat": "~0.1.3",
"grunt-contrib-watch": "~0.3.1",
"grunt-contrib-less": "~0.5.0",
"grunt-regarde": "~0.1.1",
"grunt-contrib-livereload": "~0.1.2",
"grunt-contrib-connect": "~0.2.0"
}
}
2.2 新建 README.md 文件
用文本编辑器,里面输入 readme 内容,任意文本
2.3 安装grunt及其插件
打开命令行工具进入到项目根目录
命令:
npm install
下载的 grunt 版本及其插件版本,以 package.json 里的 devDependencies 设置为准。
2.4 新建 Gruntfile.js 文件
Gruntfile.js也是放在项目根目录下,几乎所有的任务都定义在该文件中,它就是一个普通的js文件,里面可以写任意js代码而不仅局限于JSON。和package.json一样它也要和源码一样被提交到svn或git。
Gruntfile.js由以下内容组成
1、wrapper函数,结构如下,这是Node.js的典型写法,使用exports公开API
module.exports = function(grunt) {
// Do grunt-related things in here
};2、项目和任务配置
3、载入grunt插件和任务
4、定制执行任务
Gruntfile.js 例子(该示例完成以下任务):
1、合并src下的文件(ajax.js/selector.js)为domop.js
2、压缩domop.js为domop.min.js
3、这两个文件都放在dest目录下
module.exports = function(grunt) {
// 配置
grunt.initConfig({
pkg : grunt.file.readJSON(‘package.json’),
concat : {
domop : {
src: ['src/ajax.js', 'src/selector.js'],
dest: ‘dest/domop.js’
}
},
uglify : {
options : {
banner : ‘/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n’
},
build : {
src : ‘dest/domop.js’,
dest : ‘dest/domop.min.js’
}
}
});
// 载入concat和uglify插件,分别对于合并和压缩
grunt.loadNpmTasks(‘grunt-contrib-concat’);
grunt.loadNpmTasks(‘grunt-contrib-uglify’);
// 注册任务
grunt.registerTask(‘default’, ['concat', 'uglify']);
};
2.5 执行grunt任务
打开命令行,进入到项目根目录。
命令:
grunt
2.6 命令行快捷方式
创建 cmd 的快捷方式,右键属性,在快捷方式的“起始位置”输入项目根目录,这样就不用每次都手动进入该目录了。
资料参考
解决modem log is stopped提示的方法
手机root后,每次重启过一会都会出现提示:
modem log is stopped.
字面意思是“调制解调器日志记录已经停止运行”。
(有可能是某一些应用激活了该服务,偶然发现可能和墨迹天气有关)
治标不治本的方法:
“应用管理 -> 正在运行”停止该服务。
根治的方法:
向下划动屏幕,点击“modem log is stopped”提示,选中 modem log 选项,然后点击 start (不要勾选 start automatically when reboot)。重启手机。
另一个根治的方法是找到激活该服务的应用,卸掉试试(我卸了墨迹天气就好了)。
参考:http://wenku.baidu.com/view/8b4ce4f704a1b0717fd5ddaf.html
办公室健身(15)
俯卧撑,上午 45 个。
发表评论