docs/Gruntfile.html
<!DOCTYPE html>
<html>
<head>
<title>Gruntfile.js</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link rel="stylesheet" media="all" href="docco.css" />
</head>
<body>
<div id="container">
<div id="background"></div>
<ul id="jump_to">
<li>
<a class="large" href="javascript:void(0);">Jump To …</a>
<a class="small" href="javascript:void(0);">+</a>
<div id="jump_wrapper">
<div id="jump_page_wrapper">
<div id="jump_page">
<a class="source" href="Chat.html">
Chat.js
</a>
<a class="source" href="User.html">
User.js
</a>
<a class="source" href="Gruntfile.html">
Gruntfile.js
</a>
<a class="source" href="app.html">
app.js
</a>
</div>
</div>
</li>
</ul>
<ul class="sections">
<li id="title">
<div class="annotation">
<h1>Gruntfile.js</h1>
</div>
</li>
<li id="section-1">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-1">¶</a>
</div>
</div>
<div class="content"><div class='highlight'><pre><span class="hljs-pi">'use strict'</span>;
<span class="hljs-built_in">module</span>.exports = <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">grunt</span>) </span>{</pre></div></div>
</li>
<li id="section-2">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-2">¶</a>
</div>
<p>Configuración del proyecto</p>
</div>
<div class="content"><div class='highlight'><pre> grunt.initConfig({
pkg: grunt.file.readJSON(<span class="hljs-string">'package.json'</span>),
docco: { <span class="hljs-comment">// Documentation!</span>
debug: {
src: [<span class="hljs-string">'*.js'</span>, <span class="hljs-string">'./lib/*.js'</span>], <span class="hljs-comment">// Indicamos que genere documentacion de los ficheros JS</span>
options: {
output: <span class="hljs-string">'docs/'</span>
}
}
},
uglify: { <span class="hljs-comment">// Minify/Compress client JavaScript</span>
dev:{ <span class="hljs-comment">// Do not compress JS, we want to see errors while we develop</span>
options:{
compress: <span class="hljs-literal">false</span>,
wrap: <span class="hljs-literal">false</span>,
mangle:<span class="hljs-literal">false</span>,
beautify:<span class="hljs-literal">true</span>
},
files: { <span class="hljs-comment">// My JS files and other libraries</span>
<span class="hljs-string">'public_html/js/osc.min.js'</span>: [<span class="hljs-string">'public_html/js/own_components/*.js'</span>]
}
},
dist:{ <span class="hljs-comment">// well compressed JS for distribution</span>
options:{
compress: <span class="hljs-literal">true</span>,
wrap: <span class="hljs-literal">false</span>,
mangle:<span class="hljs-literal">true</span>
},
files: { <span class="hljs-comment">// My JS files and other libraries</span>
<span class="hljs-string">'public_html/js/osc.min.js'</span>: [<span class="hljs-string">'public_html/js/bower_components/*/*.js'</span>, <span class="hljs-string">'public_html/js/bower_components/*.js'</span>, <span class="hljs-string">'public_html/js/own_components/*.js'</span>]
}
}
},
bower: { <span class="hljs-comment">// Install client libraries</span>
install: {
options: {
targetDir: <span class="hljs-string">'./public_html/js/bower_components'</span>,
layout: <span class="hljs-string">'byComponent'</span>,
install: <span class="hljs-literal">true</span>,
verbose: <span class="hljs-literal">true</span>,
cleanBowerDir: <span class="hljs-literal">true</span>
}
}
},
cssmin: {
target: {
files: [{
expand: <span class="hljs-literal">true</span>,
cwd: <span class="hljs-string">'public_html/css/my_css'</span>,
src: [<span class="hljs-string">'*.css'</span>, <span class="hljs-string">'!*.min.css'</span>],
dest: <span class="hljs-string">'public_html/css'</span>,
ext: <span class="hljs-string">'osc.min.css'</span>
}]
}
}
});</pre></div></div>
</li>
<li id="section-3">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-3">¶</a>
</div>
<p>Carga el plugin de grunt para hacer esto</p>
</div>
<div class="content"><div class='highlight'><pre> grunt.loadNpmTasks(<span class="hljs-string">'grunt-docco'</span>);
grunt.loadNpmTasks(<span class="hljs-string">'grunt-contrib-uglify'</span>);
grunt.loadNpmTasks(<span class="hljs-string">'grunt-bower-task'</span>);
grunt.loadNpmTasks(<span class="hljs-string">'grunt-contrib-cssmin'</span>);</pre></div></div>
</li>
<li id="section-4">
<div class="annotation">
<div class="pilwrap ">
<a class="pilcrow" href="#section-4">¶</a>
</div>
<p>Tarea por omisión: generar la documentación</p>
</div>
<div class="content"><div class='highlight'><pre> grunt.registerTask(<span class="hljs-string">'default'</span>, [<span class="hljs-string">'docco'</span>, <span class="hljs-string">'bower'</span>, <span class="hljs-string">'uglify:dist'</span>, <span class="hljs-string">'cssmin'</span>]); <span class="hljs-comment">// Generate all</span>
grunt.registerTask(<span class="hljs-string">'setup'</span>, [<span class="hljs-string">'bower'</span>, <span class="hljs-string">'uglify:dist'</span>, <span class="hljs-string">'cssmin'</span>]); <span class="hljs-comment">// Install JS client packages with bower and then, compress and minify ALL (bower JS and my own JS, and CSS)</span>
grunt.registerTask(<span class="hljs-string">'dev'</span>, [<span class="hljs-string">'bower'</span>, <span class="hljs-string">'uglify:dev'</span>, <span class="hljs-string">'cssmin'</span>]); <span class="hljs-comment">// dev mode</span>
grunt.registerTask(<span class="hljs-string">'min'</span>, [<span class="hljs-string">'uglify:dist'</span>, <span class="hljs-string">'cssmin'</span>]);
grunt.registerTask(<span class="hljs-string">'heroku'</span>, [<span class="hljs-string">'bower'</span>, <span class="hljs-string">'uglify:dist'</span>, <span class="hljs-string">'cssmin'</span>]); <span class="hljs-comment">// heroku task</span>
};</pre></div></div>
</li>
</ul>
</div>
</body>
</html>