本月博客排行
-
第1名
龙儿筝 -
第2名
johnsmith9th -
第3名
wy_19921005 - zysnba
- sgqt
- lemonhandsome
年度博客排行
-
第1名
宏天软件 -
第2名
青否云后端云 -
第3名
龙儿筝 - gashero
- wallimn
- vipbooks
- benladeng5225
- wy_19921005
- fantaxy025025
- qepwqnp
- e_e
- 解宜然
- zysnba
- ssydxa219
- sam123456gz
- javashop
- arpenker
- tanling8334
- kaizi1992
- xpenxpen
- gaojingsong
- wiseboyloves
- xiangjie88
- ranbuijj
- ganxueyun
- sichunli_030
- xyuma
- wangchen.ily
- jh108020
- lemonhandsome
- zxq_2017
- jbosscn
- Xeden
- luxurioust
- lzyfn123
- zhanjia
- forestqqqq
- johnsmith9th
- ajinn
- nychen2000
- wjianwei666
- hanbaohong
- daizj
- 喧嚣求静
- silverend
- mwhgJava
- kingwell.leng
- lchb139128
- lich0079
- kristy_yy
最新文章列表
基于node+npm+grunt构建一个中型项目
作者:zccst
参考资料:如何使用 Grunt 构建一个中型项目 #672
https://github.com/seajs/seajs/issues/672
1,构建
(1)package.json
{
"family": "test",
"version": "0.0.1",
...
编译Angular.js
首先,我们要把Angular.js下载下来
Git的地址
https://github.com/angular/angular.js
对于angular.js的官网上不去,可能是被河蟹了。
下载下来我们会发现,根本没有angular.js,原因是我们需要手动构建
使用的就是Grunt,具体的介绍可以百度
如下是快速入门地址
http://www.gruntjs.net/docs/getting ...
[转]学会使用grunt打包前端代码
前言
grunt
准备阶段
1、nodeJs环境
2、安装grunt
实例学习:打包zepto
① package.json
② Gruntfile.js
认识Gruntdile与package.json
package.json
grunt.file相关的API
开始记录一些用到的grunt.file相关的API:
参考:http://www.gruntjs.org/article/grunt_file.html
grunt.file.exists
给定的路径参数是否存在,返回一个布尔值
grunt.file.isPathCwd
给定的文件路径是否是CWD目录( ...
grunt中的Options
grunt的任务配置中,options属性用于覆盖默认值,每一个目标也可以有独立的options属性。
http://gruntjs.com/configuring-tasks#options
options可选
目标级的options会覆盖任务级的options。
看一个例子:
grunt.initConfig({
...
grunt如何动态生成文件名
其实grunt的配置文件中是可以动态生成文件名的
对应官方文档的: http://gruntjs.com/configuring-tasks#building-the-files-object-dynamically
expand设置true时候可以开启下面选项:
cwd 所有src指定的文件相对于这个属性指定的路径值
src 要 ...
grunt插件之grunt-rev
本文细细地介绍一下grunt-dev
grunt.initConfig({
rev: {
options: {
algorithm: 'sha1',
length: 4
},
files: {
src: [***. ...
牛标联盟开发日记之前端
在开发牛标联盟(www.niusb.com) 的时候,一直从事游戏服务后台开发,已经很长时间没有做过网站了,对从0开始写css也没有多大精力,只好选择现在流行的bootstrap来搭建前端的 基础框架。Bootstrap是一个优秀的框架,让我省去更多事,不过使得Bootstrap有得有失,你将不能直接支持低端的浏览器,比如IE6这类前 进的绊脚石,特别是Bootstrap3只支持IE8 ...
修改 HTML JS CSS 等文件浏览器自动刷新
引用如果我们厌烦了每次修改 HTML, JS, CSS 等文件后,需要 手动 刷新浏览器的话,那么借助 Grunt 的一些插件,可以实现自动刷新。(其实我觉得手动刷新也没费事儿到哪去,O(∩_∩)O哈哈~)
建个文件夹,例如 test,进入,做如下操作
1. 首先要有 NodeJs, Grunt 环境,假设已经有了。
2. 新建一个名叫 package.json 文件。内容如下。
3. 新建一个 ...
grunt加载任务插件篇
一般我们在Gruntfile.js里面:
module.exports = function(grunt){
//调用loadNpmTasks,加载指定的任务插件
grunt.loadNpmTasks('grunt-contrib-uglify');
}
注释:
grunt.task.loadNpmTasks(pl ...
grunt系列启动grunt项目
启动grunt project:
1、已经存在的grunt project
假设grunt CLI已经安装了,项目里面已经有package.json和Gruntfile,启动很简单:
到项目的根目录
安装项目依赖:
npm install
启动grunt
grunt
2、一个新的grunt pro ...
grunt系列开篇
grunt
构建js项目的工具(自动化)
基于node
可以合并压缩js文件、单元测试等
本身是一个执行器
官网:http://gruntjs.com/
0.4.x 需要node的版本 >= 0.8.0
安装:
//如果以前装过,需要remove先
npm uninstall -g grunt
...