gurnt 使用实战：zohan 发布于：2017年01月04日 阅读次数：3184
1.安装cli，先安装客户端
npm install -g grunt-cli
2.创建项目文件夹
在文件夹下面创建Gruntfile.js和package.json文件
在package.json文件中写入简单的项目信息例如：
{
"name": "my-project-name",
"version": "0.1.0",
"devDependencies": {
"grunt": "~0.4.5",
"grunt-contrib-jshint": "~0.10.0",
"grunt-contrib-nodeunit": "~0.4.1",
"grunt-contrib-uglify": "~0.5.0"
}
}
3.安装grunt和基础的插件，在执行安装插件的时候会自动添加到package.json文件中
npm install grunt --save-dev
npm install grunt-contrib-jshint --save-dev
npm install grunt-contrib-clean --save-dev
npm install grunt-contrib-concat --save-dev
npm install grunt-contrib-nodeunit --save-dev
npm install grunt-contrib-qunit --save-dev
npm install grunt-contrib-uglify --save-dev
npm install grunt-contrib-cssmin --save-dev
4.配置Gruntfile.js文件
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
uglify: {
options: {
banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
},
build: {
src: 'src/<%= pkg.name %>.js',
dest: 'build/<%= pkg.name %>.min.js'
}
}
});
// 加载包含 "uglify" 任务的插件。
grunt.loadNpmTasks('grunt-contrib-uglify');
// 默认被执行的任务列表。
grunt.registerTask('default', ['uglify']);
};
