最新文章列表

grunt 单独压缩多个js和css文件

使用grunt来压缩前端js,css文件 因为最近做的客户端本地项目有用到十几个js,js提交之前都需要压缩。用grunt压缩已经不是什么新鲜事了,,之前的项目用的是别人给我配置好的。所以也没有去深究。这次类型不同了不需要去上传只需文件压缩。所以下午自己去研究了下grunt确实很好用。   我们这里需要对js和css单独压缩。网上很多都是合并压缩。本人觉得多个js合并之后会存在隐形问题。还是 ...
xiaomiya 评论(0) 有2723人浏览 2015-01-21 09:41

基于node+npm+grunt构建一个中型项目

作者:zccst 参考资料:如何使用 Grunt 构建一个中型项目 #672 https://github.com/seajs/seajs/issues/672 1,构建 (1)package.json { "family": "test", "version": "0.0.1", ...
zccst 评论(0) 有3224人浏览 2014-12-29 18:37

编译Angular.js

首先,我们要把Angular.js下载下来 Git的地址 https://github.com/angular/angular.js 对于angular.js的官网上不去,可能是被河蟹了。 下载下来我们会发现,根本没有angular.js,原因是我们需要手动构建 使用的就是Grunt,具体的介绍可以百度 如下是快速入门地址 http://www.gruntjs.net/docs/getting ...
LiYunpeng 评论(0) 有1026人浏览 2014-11-14 13:51

[转]学会使用grunt打包前端代码

前言 grunt 准备阶段 1、nodeJs环境 2、安装grunt 实例学习:打包zepto ① package.json ② Gruntfile.js 认识Gruntdile与package.json package.json
jm1999 评论(0) 有797人浏览 2014-08-30 13:56

grunt使用

作者:zccst Q:Grunt为何物? A:一个专为JavaScript提供的构建工具。 Q:啥是构建工具? A:在项目部署上线前,通常要将源文件压缩,合并,并拷贝到bch ...
zccst 评论(0) 有1546人浏览 2014-08-20 15:36

使用Node.js打造前端自动化构建平台

1.前言 最近项目组打算从Apache+PHP环境迁移到Node上,正好刚看完入门资料,想借此练练手,也方便整合先前基于Grunt的压缩合并任务,于是,大幕拉开…… 首先,说明下需要完成的任务,也即使用Node所能够带来的好处: 熟悉的JS操作,从函数的使用,到JSON的处理,以及事件、异步编程,乃是前端所擅长的,移植到Node后,可以减少对原有后端语言(PHP、Java等)的 ...
fuyun 评论(0) 有4453人浏览 2014-04-07 02:02

grunt

一、grunt安装 npm install -g grunt npm install -g grunt-init 二、模板安装 commjs模板 git clone git@github.com:gruntjs/grunt-init-commonjs.git H:\Users\用户名\AppData\Roaming\npm\node_modules\grunt-init\templa ...
xtuhcy 评论(0) 有911人浏览 2014-04-03 21:26

grunt.file相关的API

     开始记录一些用到的grunt.file相关的API:      参考:http://www.gruntjs.org/article/grunt_file.html      grunt.file.exists         给定的路径参数是否存在,返回一个布尔值   grunt.file.isPathCwd         给定的文件路径是否是CWD目录( ...
zhangyaochun 评论(0) 有1188人浏览 2014-01-19 21:06

grunt中的Options

     grunt的任务配置中,options属性用于覆盖默认值,每一个目标也可以有独立的options属性。      http://gruntjs.com/configuring-tasks#options      options可选 目标级的options会覆盖任务级的options。        看一个例子:   grunt.initConfig({ ...
zhangyaochun 评论(0) 有1189人浏览 2014-01-19 20:14

grunt如何动态生成文件名

     其实grunt的配置文件中是可以动态生成文件名的      对应官方文档的: http://gruntjs.com/configuring-tasks#building-the-files-object-dynamically      expand设置true时候可以开启下面选项:   cwd    所有src指定的文件相对于这个属性指定的路径值 src     要 ...
zhangyaochun 评论(0) 有1212人浏览 2014-01-19 19:44

grunt插件之grunt-rev

     本文细细地介绍一下grunt-dev   grunt.initConfig({ rev: { options: { algorithm: 'sha1', length: 4 }, files: { src: [***. ...
zhangyaochun 评论(0) 有3647人浏览 2014-01-15 19:35

牛标联盟开发日记之前端

      在开发牛标联盟(www.niusb.com) 的时候,一直从事游戏服务后台开发,已经很长时间没有做过网站了,对从0开始写css也没有多大精力,只好选择现在流行的bootstrap来搭建前端的 基础框架。Bootstrap是一个优秀的框架,让我省去更多事,不过使得Bootstrap有得有失,你将不能直接支持低端的浏览器,比如IE6这类前 进的绊脚石,特别是Bootstrap3只支持IE8 ...
pure 评论(1) 有2425人浏览 2014-01-13 09:40

修改 HTML JS CSS 等文件浏览器自动刷新

引用如果我们厌烦了每次修改 HTML, JS, CSS 等文件后,需要 手动 刷新浏览器的话,那么借助 Grunt 的一些插件,可以实现自动刷新。(其实我觉得手动刷新也没费事儿到哪去,O(∩_∩)O哈哈~) 建个文件夹,例如 test,进入,做如下操作 1. 首先要有 NodeJs, Grunt 环境,假设已经有了。 2. 新建一个名叫 package.json 文件。内容如下。 3. 新建一个 ...
lipengyu2006 评论(0) 有4248人浏览 2014-01-04 16:46

grunt加载任务插件篇

      一般我们在Gruntfile.js里面:     module.exports = function(grunt){ //调用loadNpmTasks,加载指定的任务插件 grunt.loadNpmTasks('grunt-contrib-uglify'); }      注释:   grunt.task.loadNpmTasks(pl ...
zhangyaochun 评论(0) 有1065人浏览 2013-11-04 17:05

grunt系列启动grunt项目

      启动grunt project:       1、已经存在的grunt project        假设grunt CLI已经安装了,项目里面已经有package.json和Gruntfile,启动很简单:   到项目的根目录 安装项目依赖: npm install   启动grunt grunt         2、一个新的grunt pro ...
zhangyaochun 评论(0) 有2968人浏览 2013-06-08 19:33

grunt系列开篇任务设置

         Grunt任务:   init            从模板生成项目框架 concat       合并文件 lint             使用jshint验证代码 min            使用uglifyjs压缩代码 qunit          单元测试 server        启动静态服务器        
zhangyaochun 评论(0) 有1338人浏览 2013-06-08 17:00

grunt系列开篇

      grunt   构建js项目的工具(自动化) 基于node 可以合并压缩js文件、单元测试等 本身是一个执行器 官网:http://gruntjs.com/      0.4.x 需要node的版本 >= 0.8.0         安装:        //如果以前装过,需要remove先 npm uninstall -g grunt ...
zhangyaochun 评论(0) 有1397人浏览 2013-06-08 11:21

如何自己动手编译自定义版本的最新jQuery类库?

日期:2012-9-21  来源:GBin1.com 你是不是觉得jQuery 类库不够灵活,不像其它的框架或者类库,例如,dojo 那样一样可以动态的加载模块,或者你在 ...
tyygming 评论(0) 有792人浏览 2012-09-24 11:30

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics