![](https://img-blog.csdnimg.cn/20200726173655275.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
grunt
Grunt 是基于 Node.js 的项目构建工具。它可以自动运行你所设定的任务。Grunt 拥有数量庞大的插件,几乎任何你所要做的事情都可以用 Grunt 实现。
hide_in_darkness
萌新一枚
展开
-
Grunt学习--watch(包含完整的代码)
如果觉得时间过长,可以改变watch任务中的debounceDelay参数来更改相邻两次执行任务时间的时间间隔module.exports = function(grunt) { grunt.initConfig({ //css文件压缩 cssmin: { foo:{ options: { report:'gzip', sourceMap:true, mergeIntoShorthands: f原创 2020-07-26 01:16:58 · 170 阅读 · 0 评论 -
Grunt学习--API
module.exports = function(grunt) { ...}根据Gruntfile.js中的代码我们可以发现,该JS文件会暴露grunt我们来看看他是个什么东西module.exports = function(grunt){ console.log(typeof grunt); console.log(grunt);}终端中运行获得以下结果object{ util: { namespace: { get: [Function], set: [Fu原创 2020-07-26 00:10:43 · 147 阅读 · 0 评论 -
Grunt学习--copy文件、concat文件、压缩图片(包含上一篇的压缩文件)
module.exports = function(grunt) { grunt.initConfig({ //css文件压缩 cssmin: { foo:{ options: { report:'gzip', //生成文件类型 默认是min sourceMap:true, //生成map文件 mergeIntoShorthands: false, //快速压缩 roundingP原创 2020-07-25 23:09:01 · 252 阅读 · 0 评论 -
Grunt学习--css文件、js文件、html文件的压缩
module.exports = function(grunt) { grunt.initConfig({ //css文件压缩 cssmin: { foo:{ options: { report:'gzip', //生成文件类型 默认是min sourceMap:true, //生成map文件 mergeIntoShorthands: false, //快速压缩 roundingP原创 2020-07-25 22:31:30 · 98 阅读 · 0 评论 -
Grunt学习--tasks的书写风格、options、通配符模式、模板与导入外部数据
tasks的书写风格1、简洁风格grunt.initConfig({ jshint:{ foo:{ src:['./src/js/index.js'] }, bar:{ src:['./src/js/nav.js'] } }, concat:{ options: { separator: ';', }, dist: { src: 's原创 2020-07-25 21:38:41 · 148 阅读 · 0 评论 -
Grunt学习--安装Grunt并简单配置Grunt
1、初始化项目npm init2、全局安装npm install -g grunt-cli3、本地安装npm install grunt --save-dev会在项目的根目录下生成package.json需要手动添加Grunt.js或Grunt.coffee文件Grunt.js或Grunt.coffee文件的首字母必须大写这与gulp和webpack不同可以用以下代码初始化Grunt.js或Grunt.coffee文件:module.exports = function(g原创 2020-07-25 20:30:09 · 443 阅读 · 0 评论