首页 > 代码库 > windows下使用grunt
windows下使用grunt
grunt官网：http://www.gruntjs.org/
一、安装grunt
先安装node，在http://www.nodejs.org/可以下载安装包直接安装。在命令行下运行：
npm install -g grunt-cli即可安装grunt。
二、创建项目
创建web项目：my-project-name，项目目录如下：
在项目根目录下新建Gruntfile.js和package.json文件。示例如下：
/* package.json */{ "name": "my-project-name", "version": "1.0.0", "description": "this is nodejs demo", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "devDependencies": { "grunt": "^0.4.5", "grunt-contrib-concat": "^0.5.0", "grunt-contrib-jshint": "~0.6.0", "grunt-contrib-nodeunit": "~0.2.0", "grunt-contrib-uglify": "~0.2.2" }, "author": "yuki", "license": "ISC"}/* Gruntfile.js */module.exports = function(grunt){ grunt.initConfig({ pkg: grunt.file.readJSON(‘package.json‘), concat: { options: { separator: ‘;‘ }, dist: { src: [‘src/**/*.js‘], dest: ‘dist/<%= pkg.name %>.js‘ } }, uglify: { options: { banner: ‘/*! <%= pkg.name %> <%= grunt.template.today("dd-mm-yyyy") %> */\n‘ }, dist: { files: { ‘dist/<%= pkg.name %>.min.js‘: [‘<%= concat.dist.dest %>‘] } } }, jshint: { files: [‘gruntfile.js‘, ‘src/**/*.js‘, ‘test/**/*.js‘], options: { //这里是覆盖JSHint默认配置的选项 globals: { jQuery: true, console: true, module: true, document: true } } } }); grunt.loadNpmTasks(‘grunt-contrib-uglify‘); grunt.loadNpmTasks(‘grunt-contrib-jshint‘); grunt.loadNpmTasks(‘grunt-contrib-concat‘); grunt.registerTask(‘test‘, [‘jshint‘, ‘concat‘]); grunt.registerTask(‘default‘, [‘jshint‘,‘concat‘, ‘uglify‘]);};三、进入项目目录下，安装grunt，并运行命令：
npm install安装项目所依赖的包，项目下会生成node_models目录，如下所示：
运行命令：grunt，将执行‘default‘ task。
windows下使用grunt
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。