grunt合并压缩js,css文件

来源：互联网发布：c语言中char占几个字节编辑：程序博客网时间：2024/05/17 01:06

转载文章：

http://www.cnblogs.com/yexiaochai/p/3594561.html

http://www.cnblogs.com/yexiaochai/p/3602002.html

http://www.cnblogs.com/snandy/archive/2013/03/07/2946989.html

http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.html

http://www.cnblogs.com/snandy/archive/2013/05/20/3088613.html

以上两个牛人的文章写得已经很详细明了，推荐大家学习！

以下只是自己的小小练习：在本地windows环境下，压缩一下zepto.js文件；具体步奏如下：

确保已经安装NodeJs和npm；具体安装步骤参考node官网即可，在此不做细述。
在E盘创建目录gruntDemo，作为我们的项目：
```
-> mkdir gruntDemo
```

进入gruntDemo目录，创建package.json文件

-> copy con package.json 回车{  "name": "demo",  "file": "zepto",  "version": "0.1.0",  "description": "demo",  "license": "MIT",  "devDependencies": {    "grunt": "~0.4.1",    "grunt-contrib-jshint": "~0.6.3",    "grunt-contrib-uglify": "~0.2.1",    "grunt-contrib-requirejs": "~0.4.1",    "grunt-contrib-copy": "~0.4.1",    "grunt-contrib-clean": "~0.5.0",    "grunt-strip": "~0.2.1"  },  "dependencies": {    "express": "3.x"  }}ctrl+z一下，然后回车

在grunt目录下执行 npm install将相关的文件下载下来;
```
-> npm install
```
目录中已经多了node_modules目录

创建Gruntfile.js文件

-> copy con Gruntfile.jsmodule.exports = function (grunt) {  // 项目配置  grunt.initConfig({    pkg: grunt.file.readJSON('package.json'),    uglify: {      options: {        banner: '/*! <%= pkg.file %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'      },      build: {        src: 'src/<%=pkg.file %>.js',        dest: 'dest/<%= pkg.file %>.min.js'      }    }  });  // 加载提供"uglify"任务的插件  grunt.loadNpmTasks('grunt-contrib-uglify');  // 默认任务  grunt.registerTask('default', ['uglify']);}ctrl+z一下  回车ok

新建src目录，丢进一个zepto.js文件
```
-> mkdir src
```
运行grunt命令
目录中已经多了dest目录；压缩成功

0 0