初涉Grunt

来源:互联网 发布:豆萁软件下载 编辑:程序博客网 时间:2024/05/18 00:47

grunt具体是什么,表示自己理解的不够好,也说不清楚,老老实实上连接grunt简介

现将Grunt的具体安装以及一次小小的尝试简介如下:
1. 安装npm,鉴于Grunt的安装依赖于npm install,故安装之
npm是nodejs的一个module,直接安装完成nodejs之后,npm将被自动安装
2. 安装Grunt
在安装Grunt之前,首先设置一下npm的镜像,表示默认的镜像速度慢的惨不忍睹,
现使用的为taobao所做的一个国内的镜像:npm中国镜像 感谢淘宝为我们这些苦逼程序狗又节约了蛮多生命,拜谢之 。。
npm install -g cnpm --registry=https://registry.npm.taobao.org
执行上述命令即可,我是直接用的cnpm来代替npm,反正淘宝的大大们说可以代替 。。
安装Grunt:npm install -g grunt-cli
3. 添加项目基本文件 package.json Gruntfile.js

package.json

{
"name": "test",
"version": "1.0.1"
}

Gruntfile.js

module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
uglify: {
build: {
src: 'src/a.js',
dest: 'build/a.min.js'
}
},
cssmin: {
build: {
src: 'src/a.css',
dest: 'build/a.min.css'
}

}
});
// 告诉grunt我们将使用插件
// uglify 压缩js
grunt.loadNpmTasks('grunt-contrib-uglify');
// cssmin 压缩css
grunt.loadNpmTasks('grunt-contrib-cssmin');

// 告诉grunt当我们在终端中输入grunt时需要做些什么
grunt.registerTask('default', ['uglify', 'cssmin']);
};

4. 安装插件 grunt grunt-contrib-uglify grunt-contrib-mincss
npm install --save-dev
npm install grunt --save-dev
npm install grunt-contrib-uglify --save-dev
npm install grunt-contrib-cssmin --save-dev

5. 命令行执行 grunt

done ………..
参考连接:Grunt教程_Grunt打造极致前端自动化(1)

pps: 如发现问题,望邮件知会一下,拜谢 dtldyx6 at 163 dot com


0 0