(1)同步标记任务失败 //标记失败任务 module.exports = grunt => { grunt.registerTask('bad',()=>{ console.log('bad working~'); return false; }); grunt.registerTask('foo ...
分类:
其他好文 时间:
2021-03-04 13:12:25
阅读次数:
0
Grunt使用(有点类似plop) - yarn init -y //新建项目 - yarn add grunt //添加grunt - 项目根目录 新建gruntfile.js文件,定义grunt任务 - yarn grunt 执行默认任务 注意 - yarn grunt xxx 执行regist ...
分类:
其他好文 时间:
2020-08-07 12:34:57
阅读次数:
82
首先,Grunt和Gulp只能将一些CSS和JS文件分别压缩合并成单个文件,当然也具有一些编译功能, 比如Less和Sass的编译、ES6到ES5的编译等等。但是Webpack不仅具有它们所具备的这些编译压缩合并功能, 同时还具备模块化开发和组件式开发等优点,在目前流行的前端框架React和Vue中 ...
分类:
Web程序 时间:
2020-07-30 14:52:55
阅读次数:
117
一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。(将css文件和并为一个。将js合并为一个) 原因:主要是为了减少http请求次数以及减少请求资源的大小 打包工具: webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图 ...
分类:
其他好文 时间:
2020-06-14 17:08:19
阅读次数:
71
背景 如果你是个前端开发人员,你肯定知道线上环境要把js,css,图片等压缩,尽量减少文件的大小,提升响应速度,特别是对移动端,这个非常重要。 压缩 压缩方式 前端压缩的方式很多,依赖java的有ant工具,前端自己打包压缩的有grunt,gulp,webpack,这些压缩也很重要,基本上能压缩50 ...
分类:
其他好文 时间:
2020-06-10 12:46:08
阅读次数:
57
安装nodejs 一 nodejs介绍 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Java ...
分类:
Web程序 时间:
2020-06-09 16:43:11
阅读次数:
69
首先来看一下sass和less的区别 sass和less都是css的预编译处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,作用域,JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用 sass和less主要区别:在于实现 ...
分类:
移动开发 时间:
2020-05-18 16:43:14
阅读次数:
186
还是以前一样,有些概念面试可能会考,我都用*标记了出来,两句话就总结清楚其余的地方如果你想了解webpack,就仔细看看,虽然本教程不能让你webpack玩的很6,但是懂操作流程够了。面试你一般问你webpack的原理,Loader的原理,你有用那些优化措施前端开发已经模块化,它改进了代码库的封装和 ...
分类:
Web程序 时间:
2020-05-09 21:46:43
阅读次数:
73
检查安装 node --version 修改 安装:npm install 启动:grunt server 如果报错: 找不到模块“lodash” https://www.soinside.com/question/AhhfQE44j4nsxAwAXUwsJV ...
分类:
其他好文 时间:
2020-04-27 13:46:56
阅读次数:
58
X-BUILD一套基于Webpack(v4.21.0)快速搭建H5场景开发环境的脚手架,只需要几分钟的时间就可以运行起来。X-BUILD是针对H5开发的一套自动化构建工具,致力于提升开发效率,减小开发难度。它可以让你在没有任何构建工具(例如 grunt 、 gulp 或 webpack 等工具)配置 ...
分类:
其他好文 时间:
2020-04-20 23:38:47
阅读次数:
71