gulp实战技巧之日常开发定位样式难?不如试试神器gulp-sourcemaps吧!
为了提高开发效率,我们的项目中可能会使用@import文件引入、stylus、sass、less之类的css预处理器。为了优化代码,可能还会压缩css。这一系列操作就导致了在开发过程中定位问题比较困难的现象。所以,我们需要一款神器来精准定位问题。而本文......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-05-30 - 阅:318 - 积分:0
gulp3实战技巧之利用gulp-file-include实现模板复用,大大提高开发效率!
去年今日,艺灵写了最后一篇关于gulp的实战文章。最近刚好因项目原因,又拾起gulp练手了一把。虽然开发过程中没什么大的问题,毕竟之前是有保存配置环境的。但本着分享精神,艺灵觉得还是有必要继续再写一些关于gulp方面的实战文章。话说,gulp官网......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-05-19 - 阅:775 - 积分:0
gulp实战技巧之gulp-webserver自动刷新浏览器
在传统的网页开发中,我们修改了css或js或页面代码并保存后,要想看到最新效果就需要切换到浏览器并手动刷新页面。刷新会占用我们大量的开发时间,所以我们需要一款高效的自动化刷新工具。而使用gulp-webserver就可以解决自动刷新的问题............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2019-04-27 - 阅:2574 - 积分:0
gulp实战技巧之gulp-uglify压缩js
前面讲了压缩css的几款插件,这篇就介绍下压缩js的一款插件--gulp-uglify。使用gulp-uglify可以压缩我们的js代码,也可以使用其提供的混淆功能对代码进行简单的混淆,注意是混淆了变量名而已哈............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2019-04-26 - 阅:3495 - 积分:0
gulp实战技巧之gulp-concat文件合并
前面的教程中讲到过css @import,这也可以算是一种“文件合并”。但本文会讲gulp-concat,这是一个专门的文件合并工具,可以合并css和js文件............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2019-04-26 - 阅:2895 - 积分:0
gulp实战技巧之ES6模块化开发踩坑第一弹
最近在折腾ES6模块化开发,然后发现import、export、module.exports等这些高逼格的写法在浏览器中都跑不起来,安装babel-core、babel-plugin-transform-es2015-modules-umd、browserify等吃是非常的复杂,一坑接一坑。所以本文......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2019-04-19 - 阅:1574 - 积分:0