Grunt使用记录

简介

Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。
Grunt 0.4.x 必须配合Node.js >= 0.8.0
版本使用。;奇数版本号的 Node.js 被认为是不稳定的开发版。

在安装 Grunt 前,请确保当前环境中所安装的 npm 已经是最新版本,执行 npm update -g npm
指令进行升级(在某些系统中可能需要 sudo
指令)。
如果你已经安装了 Grunt,现在需要参考一些文档手册,那就请看一看 Gruntfile
实例
和如何 配置任务吧。

命令行

在继续学习前,你需要先将Grunt命令行(CLI)安装到全局环境中。安装时可能需要使用sudo(针对OSX、*nix、BSD等系统中)权限或者作为管理员(对于Windows环境)来执行以下命令。

安装

npm install -g grunt-cli

grunt-manifest插件使用

npm install grunt-manifest --save-dev

grunt-contrib-uglify插件使用

npm install grunt-contrib-uglify --save-dev
示例
<code>
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
uglify: {
options: {
banner: '/*! <%= pkg.name %> v<%= pkg.version %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
},
build: {
src: 'src/report.js',
dest: 'build/report<%= pkg.version %>.min.js'
}
}
});
// 加载包含 "uglify" 任务的插件。
grunt.loadNpmTasks('grunt-contrib-uglify');
// 默认被执行的任务列表。
grunt.registerTask('default', ['uglify']);

};
</code>

常用插件

常用插件
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 快速入门 Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。Gru...
  • Grunt入门(一) 什么是grunt Grunt就和photoshop里面的插件一样,它能够帮我们自动完成一些反...
    wheato阅读 2,248评论 0 9
  • Grunt 依赖 Node.js 所以在安装之前确保你安装了 Node.js。然后开始安装 Grunt实际上,安装...
    抓住时间的尾巴吧阅读 19,326评论 0 8
  • 快速入门 Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。 在安...
    angelwgh阅读 1,132评论 0 0
  • 郭相麟 生活在现实中 无助的看着天花板 头脑灌满了 那些教条似的资讯 在头重脚轻间 感受到一阵一阵的旋晕 看到...
    郭相麟阅读 164评论 0 0