初涉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
- grunt教程--初涉grunt
- 初涉Grunt
- grunt
- grunt
- Grunt
- Grunt
- grunt
- grunt
- Grunt
- grunt
- Grunt
- grunt
- Grunt
- grunt
- grunt教程-安装grunt
- Grunt-Grunt使用
- 【Grunt】Grunt打包入门
- 【Grunt】Grunt打包流程
- 《我与大数据的365天》 ——(1 ) 【开启探索数据之旅】
- 非通知实现夜间模式
- 人工意识(智能)的研究方向
- 汉诺塔问题
- 项目2-程序的多文件组织
- 初涉Grunt
- Java使用JNI调用C++实现Hello jni
- hadoop笔记之切片大小控制
- 关于ffmpeg的第一次尝试
- 第二周—项目3 体验复杂度—两种排序算法的运行时间
- ArrayList和LinkedList的区别
- 关于ARGB_8888、ALPHA_8、ARGB_4444、RGB_565的理解
- CGI入门讲解
- rails 第一个动作