1.构建工具(grunt,gulp)
下载地址:
http://gruntjs.cn/
http://gruntjs.com/
(1)安装nodejs(http://www.nodejs.org/)
验证是否安装成功,命令行输入 node -v
(2)grunt 的安装
安装全局grunt-cli
命令行输入:
npm install -gd grunt-cli
查看安装过的模块
命令行输入:
npm list -gd
卸载模块
命令行输入:
npm uninstall grunt-cli -gd
(3)切换到项目目录
切换盘符 e:
列出盘符下的文件 dir
打开文件夹你 cd 文件夹
cd 项目文件夹 npm install grunt --save-dev
执行 npm install grunt --save-dev
2、建立项目夹
(1)自控制窗口中进入项目根目录>npm install
根目录,发现多了个node_modules目录,包含了四个子目录
(2)新建文件Gruntfile.js
(3)打开命令行,进入到项目根目录,敲 grunt 执行优化后的文件存在dest文件夹下
3、gulp
全局安装Gulp:
npm install -gd gulp
项目中安装Gulp:
npm install --save-dev gulp
项目根目录下创建gulpfile.js文件:
var gulp = require('gulp');
gulp.task('default', function() {
// place code for your default task here
});
运行Gulp
在gulpfile.js所在目录通过命令gulp的方式调用运行已经安装好的Gulp