#gulp

gulp技巧总结

1.gulp.dest会自动创建目录gulp.dest(dir),若dir不存在,gulp会自动创建它2.gulp.srccopy具名路径(即不子目录**的路径)的文件,不会保留文件夹路径gulp.src('static/user/user.js').pipe(gulp.dest('dist));gulp.src('s...
代码星球 ·2020-06-28

前端自动化工具 -- Gulp 使用简介

gulp是基于流的前端自动化构建工具。 之前也谈到了 grunt的用法,grunt其实就是配置+配置的形式。而gulp呢,是基于stream流的形式,也就是前一个函数(工厂)制造出结果,提供后者使用。同样的,也是包括基本用法和各插件的使用。 一、环境配置gulp是基于nodejs的,所以没...

gulp & webpack整合

前端工程化的意义在于让前端这个行业由野蛮时代进化为正规军时代,近年来很多相关的工具和概念诞生。好奇心日报在进行前端工程化的过程中,主要的挑战在于解决如下问题:✦如何管理多个项目的前端代码?✦如何同步修改复用代码?✦如何让开发体验更爽?项目实在太多之前写过一篇博文 如何管理被多个项目引用的通用项目?,文中提到过...
代码星球 ·2020-06-14

介绍一种基于gulp对seajs的模块做合并压缩的方式

之前的项目一直采用grunt来构建,然后用requirejs做模块化,requirejs官方有提供grunt的插件来做压缩合并。现在的项目切到了gulp,模块化用起了seajs,自然而然地也想到了模块合并压缩的问题。然后一开始在解决这个问题的时候,并不是很顺利,在npm上并没有那种特别流行的专门用来做seajs合并压缩...

构建工具Gulp

  与grunt类似,gulp也是构建工具,但相比于grunt的频繁IO操作,gulp的流操作能更快更便捷地完成构建工作。gulp借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,使得在操作上非常简单。通过本文,我们将学习如何使用Gulp来改变开发流程,从而使开发更加快速高效 ...
代码星球 ·2020-05-24

Gulp安装及配合组件构建前端开发一体化

Gulp是一款基于任务的设计模式的自动化工具,通过插件的配合解决全套前端解决方案,如静态页面压缩、图片压缩、JS合并、SASS同步编译并压缩CSS、服务器控制客户端同步刷新。全局安装Gulpjsnpminstall-ggulp#全局安装 局部安装Gulpjsnpminstallgulp--save-dev#局...

JS 前端构建工具gulpjs的使用介绍及技巧

gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。本文导航:gulp的安...

前端构建工具gulpjs的使用介绍及技巧(转)

http://www.cnblogs.com/2050/p/4198792.htmlgulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工...

gulp的入门浅析

 阅读目录介绍gulp安装gulpgulpfile.js运行gulp介绍gulp的api介绍gulp   gulp是基于Nodejs的自动任务运行器,她能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压...
代码星球 ·2020-05-17

第三方模块:gulp模块

一、Gulp的使用  1.使用npminstall gulp 下载gulp库文件  2.在项目根目录下简历gulpfile.js文件  3.重构项目的文件夹架构src目录放置源代码文件,dist目录防止构建后文件。  4.在gulpfile.js文件中编写任务  5.在命令行工具中执行gulp任务。...
代码星球 ·2020-04-18

一、Gulp

开发和部署前端项目:在开发Web应用中为加速客户端资源响应(js和css),减少对js和css的请求,通过bundles来实现。在ASP.NET5中放弃该特性,被其他类似的组件所代替。比如使用Gulp,npm和bower等。一、安装Node访问http://nodejs.org,然后点击大大的绿色的install按钮,...
代码星球 ·2020-04-12

二、gulp报错The following tasks did not complete

gulp4.0存在的错误信息Thefollowingtasksdidnotcomplete:default,Didyouforgettosignalasynccompletion?当gulp为如下代码的时候://以下代码会执行在node环境下constgulp=require("gulp");//创建一个gulp的任务...

gulp工作流

gulp中文API地址:http://www.gulpjs.com.cn/docs/api/一些gulp插件的介绍:https://juejin.im/entry/55c8dbb160b22a3ebdf34d571.新建一个空项目文件夹,cd到该目录下初始化npm配置文件此时在目录下多出一个package.json文件...
代码星球 ·2020-04-06

我为何放弃Gulp与Grunt,转投npm scripts(上)

本文来源于我在InfoQ中文站翻译的文章。原文地址是:http://www.infoq.com/cn/news/2016/02/gulp-grunt-npm-scripts-part1CoryHouse是“BuildingApplicationswithReactandFlux”与“CleanCode:WritingC...

前端自动化Gulp工具常用插件

npminit命令初始化当前文件夹后,在当前文件夹新建gulpfile.js文件。当前目录下的所有操作流都在gulpfile.js文件中定义。gulp自动化gulp-uglify(JS压缩)gulp-uglify安装:npminstall--save-devgulp-uglifygulp-uglify用来压缩js文件,...
首页上一页12345下一页尾页