window安装Grunt方法图解

作者：袖梨 2022-06-30

1.你得安装node，window下有可执行安装包，十分简单。

2.运行命令：npm install -g grunt-cli（-g为全局安装，可在任何目录运行）来安装Grunt的命令行接口(CLI)。注意，安装grunt-cli并不等于安装了grunt任务运行器。如果安装成功，运行命令：grunt -version可以看到：

3.在进入项目目录，运行命令：npm install grunt –save-dev安装最新版本的Grunt到你的项目中。安装成功后，运行命令：grunt -version可以看到：

4.新建一个package.json文件，如下

代码如下	复制代码
{ “name”: “grunt”, “version”: “0.1.0″, “devDependencies”: { “grunt”: “~0.4.0″, “grunt-contrib-jshint”: “~0.1.1″, “grunt-contrib-nodeunit”: “~0.1.2″, “grunt-contrib-watch”: “~0.2.0″, “grunt-contrib-concat”: “~0.1.1″, “grunt-contrib-uglify”: “~0.1.0″, “grunt-contrib-cssmin”: “~0.9.0″, “difflet”: “~0.2.3″ } }

5.在项目根目录运行命令: npm install，安装一些常用的grunt插件

6.新建Gruntfile.js文件

代码如下

复制代码

module.exports = function(grunt){

grunt.initConfig({
pkg: grunt.file.readJSON(‘package.json’),
uglify: {
options: {
banner: ‘/*! <%= pkg.name %> <%= grunt.template.today(“yyyy-mm-dd”) %> */n’
},
build: {
src: ‘src/test.js’,
dest: ‘build/test.min.js’
}
}
});

// 加载提供”uglify”任务的插件
grunt.loadNpmTasks(‘grunt-contrib-uglify’);

// 默认任务
grunt.registerTask(‘default’, ['uglify']);
}

9.运行命令：grunt，显示如下：

Running “default” task

default

Done, without errors.