grunt安装使用简介

最新推荐文章于 2024-10-08 14:42:28 发布

dayanwu2842

最新推荐文章于 2024-10-08 14:42:28 发布

阅读量108

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/stephenykk/p/4171781.html

版权

grunt是一个基于任务的实现自动化工作流的平台

安装

npm uninstall grunt -g //卸载grunt
npm install grunt-cli -g //安装grunt-cli
npm install grunt-init -g //安装grunt-init 自动初始化grunt工程可选安装

grunt-init是个脚手架工具，它可以帮你完成项目的自动化创建，包括项目的目录结构，每个目录里的文件等。具体情况要看你运行grunt-init指定的模板，以及创建过程中你对问题的回答。

配置

从官网下载package.json,gruntfile.js文件放到项目的根目录，并对它们进行修改配置

package.json //项目自动化所依赖的相关插件
gruntfile.js //项目自动化工作流配置文件重要

//package.json:
{
    "name":"my-project-name",
    "version": "0.1.0",
    "devDependencies":{
        "grunt":"~0.4.1",
        "grunt-contrib-jshint":"~0.6.0",
        "grunt-contrib-nodeunit": "~0.2.2",
        "grunt-contrib-uglify": "~0.2.2"
    }
    
}

//gruntfile.js: commonJs模块定义方式
module.export = function(grunt){
    //project configuration
    grunt.initConfig(function(){
        pkg: grunt.file.readJSON('package.json'),
        uglify: {
            options:{
                banner:'/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") */'
            },
            build:{
                src: "src/<%= pkg.name %>.js",
                dest: "build/<%= pkg.name %>.min.js"
            }
        }
    });
}

//load the plugin that provides the "unglify" task
grunt.loadNpmTasks('grunt-contrib-uglify');

//default task(s)
grunt.registerTask('default',['uglify']);

转载于:https://www.cnblogs.com/stephenykk/p/4171781.html