博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
grunt学习笔记
阅读量:4482 次
发布时间:2019-06-08

本文共 1312 字,大约阅读时间需要 4 分钟。

环境描述

node=v0.10.25

npm=1.3.24

grunt-cli=0.1.13

 

安装nodejs:http://nodejs.org/

安装grunt和grunt-client:

  npm install grunt

  npm install -g grunt-cli

说明

grunt客户端与grunt是一对多的关系。也就是一个客户端下可以使用不同版本的grunt。而这个取决于Gruntfile中的配置。

安装插件

例如:

npm install grunt-contrib-uglify

运行

安装完插件后,运行grunt:

grunt

 

Grunt项目描述

Grunt项目由两个配置文件和依赖插件组成。

package.json:配置项目信息、Grunt版本信息和Grunt插件信息。参考。

Gruntfile:定义Grunt任务、配置Grunt插件。

 

配置参考 

package.json:

{    "name": "my-project-name", // 项目名称    "version": "0.1.0", // 项目版本    "devDependencies": { // 项目依赖        "grunt": "~0.4.1", // Grunt库        "grunt-contrib-jshint": "~0.6.0", //以下三个是Grunt内置任务        "grunt-contrib-nodeunit": "~0.2.0",        "grunt-contrib-uglify": "~0.2.2"    }}

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/<%=pkg.name %>.js',                dest: 'build/<%= pkg.name %>.min.js'            }                       }    });    // 加载提供"uglify"任务的插件    grunt.loadNpmTasks('grunt-contrib-uglify');    // 默认任务    grunt.registerTask('default', ['uglify']);}

 

 

参考:

转载于:https://www.cnblogs.com/javawer/p/3559594.html

你可能感兴趣的文章
Sql Server 判断表或数据库是否存在
查看>>
计算机网络
查看>>
iOS-浅谈runtime运行时机制
查看>>
数字证书原理 - 转自 http://www.cnblogs.com/JeffreySun/archive/2010/06/24/1627247.html
查看>>
关于float和margin
查看>>
新创建django项目,但网页打不开127.0.0.1:8000
查看>>
Python练习-内置函数的应用
查看>>
洛谷P3905 道路重建
查看>>
数据表格 - DataGrid - 行编辑
查看>>
HQL查询语句
查看>>
jsp听课笔记(四)
查看>>
vim
查看>>
数组的键/值操作函数
查看>>
Android单点触控与多点触控切换的问题解决方案
查看>>
JS常用函数与方法
查看>>
十、Shell基础
查看>>
py16 面向对象深入
查看>>
CentOS 7 安装 Gitlab
查看>>
JavaScript-03-常见函数
查看>>
ajax 设置Access-Control-Allow-Origin实现跨域访问
查看>>