zoukankan      html  css  js  c++  java
  • grunt 的安装和简单使用

    安装Grunt命令行

    npm install -g grunt-cli
    

    创建package.json,如果有package.json包,可以直接npm install加载依赖组件

    npm init
    

    安装grunt

    npm install grunt
    

    linux 上面创建Gruntfile.js文件
    touch Gruntfile.js

    window上面()
    echo test >> Gruntfile.js

    Gruntfile.js下面输入

    module.exports = function(grunt){
    	//自定义任务(命令行可以输入grunt speak,grunt yell,或者不输入直接输入grunt)
    	grunt.registerTask('speak',function(){
    		console.log('I am speaking');
    	});
    
    	grunt.registerTask('yell',function(){
    		console.log('I am yell');
    	})
    
    	grunt.registerTask('default',['speak','yell']);
    }
    

    //命令行操作

    npm install grunt-contrib-concat --save-dev
    npm install grunt-contrib-watch --save-dev
    
    module.exports = function(grunt){
    	
    	grunt.initConfig({
    	  concat: {
    	    js: {
    	      src: ['js/js1.js', 'js/js2.js'],
    	      dest: 'dist/js/js.min.js',
    	    },
    	    css : {
    	      src: ['css/css1.css', 'css/css2.css'],
    	      dest: 'dist/css/css.min.css'
    	    }
    	  },
    	  watch: {
    		  js: {
    		    files: ['js/**/*.js'],
    		    tasks: ['concat:js']
    		  },
    		  css: {
    		    files: ['css/**/*.css'],
    		    tasks: ['concat:css']
    		  }
    		}
    	});
    	grunt.loadNpmTasks('grunt-contrib-concat');
    	grunt.loadNpmTasks('grunt-contrib-watch');
    	grunt.registerTask('default',['concat','watch']);
    }
    
  • 相关阅读:
    Java导出Excel(附完整源码)
    Scala语言学习笔记——方法、函数及异常
    python时间序列按频率生成日期
    socket主要函数介绍
    JAVA版CORBA程序
    Linux文件压缩命令笔记
    使用JAVA写一个简单的日历
    Node.js 文件系统
    Node.js 常用工具util
    Node.js 全局对象
  • 原文地址:https://www.cnblogs.com/caijw/p/5429813.html
Copyright © 2011-2022 走看看