前端构建工具之争——Webpack vs Gulp 谁会被拍死在沙滩上
阅读目录理想的前端开发流程Gulp 为何物webpack 又是从哪冒出来的结论.table tr > td:nth-child(1) {width: 2em !important;padding-left: .6rem !important;padding-right: .6rem !impo...
sass mapsource --->gulp
详细,请戳这里1.安装插件npm install --save-dev gulp-sass gulp-sourcemaps gulp-autoprefixer如果安装错误,请用sudo 权限;2.在gulp.js中,引用所需的插件如下;var sass = require('gulp-sass');...
gulp实现打包js/css/img/html文件,并对js/css/img文件加上版本号
参考打包教程:http://www.cnblogs.com/tugenhua0707/p/4069769.htmlhttp://www.cnblogs.com/tugenhua0707/p/4982646.htmlhttp://www.tuicool.com/articles/viequayhttp...
前端模块化开发学习之gulp&browserify篇
随着web应用的发展,前端的比重占得越来越多,编写代码从而也越来越复杂。而通常我们需要将不同功能或者不同模块的代码分开写,最后在html中一起加载,这样做是可以的,但是当你需要进行维护或者是二次开发的时候,你会觉得十分费劲,因为你不知道文件之间复杂的关系,所以我们需要利用一些插件来配合进行模块化的...
gulp下单页面应用打包
项目地址:https://pan.baidu.com/s/1cu4WW2之前已经说过多入口打包,最近正好做一个单页面应用,之前多人口是用webpack打包的,但是感觉webpack比较重,单页面我又用回gulp了,主要就是js文件的合并,然后css默认就是一个css文件,然后发布的时候添加了版本号,...
新手 gulp+ seajs 小demo
首先,不说废话,它的介绍和作者就不在多说了,网上一百度一大堆;我在这里只是来写写我这2天抽空对seajs的了解并爬过的坑,和实现的一个小demo(纯属为了实现,高手请绕道);一、环境工具及安装1、首先,务必先说明,本demo是基于nodeJs环境下开发的,因此要安装nodeJs(地址:https:/...
简单的使用gulp生成雪碧图
有一个在线工具:https://www.toptal.com/developers/css/sprite-generator。生成雪碧图是极其方便的。现在呢,我们来试试用gulp来生成雪碧图。第一步:去淘宝镜像地址(http://npm.taobao.org/)里安装cnpm。$ npm insta...
windows下安装gulp-sass编译不过去报错的解决方案;
系统及开发环境: win10 visual studio 2015 python 2+ 墙内用户 执行npm install gulp-sass --save-dev 会发起node-sass的下载请求,而请求的路径是github; 具体路径: https://github.com/sass/...
详解 Gulp4 和 Gulp3 的区别
最近在开发几个网站,为了优化一下前端代码,就复习一下gulpjs,之前工作gulp用的版本比较老,但是今天看了新的版本,新的语法出了一下,但是为了时间,我决定使用之前gulp3的旧版本,后面发现自己环境的node的版本是最新的,所以不得让我来了解一下gulp的新版本,里面用到的最多就是commonj...
gulp前端自动化构建工具
前端构建工具本人 bootstrap+jquery用gulpvue+element 用webpack引文现在,移动端开发的火爆,以及前端工程越来越复杂,所以出了很多的自动化构建工具。gulp等就是最好的代表,如果你是前端新手初次接触gulp,又不想看太官方的解释又想学习学习gulp的相关知识的话那么...
webpack+gulp实现自动构建部署
项目结构说明 . ├── gulpfile.js # gulp任务配置 ├── mock/ # 假数据文件 ├── package.json # 项目配置 ├── README...
使用gulp解决外部编辑器修改Eclipse文件延迟更新的问题
本人前端用惯了Hbuilder,修改了eclipse项目中的文件后,由于是外部编辑器修改过的,eclipse不会自动部署更新,一般按F5刷新项目,或者在 preferences > general > workspace 设置更新,但这个方法也需要等7、8秒才能被部署更新。本节介绍用gu...
前端自动化构建工具--Gulp&&Webpack
前端构建工具的作用可以认为是对源项目文件或资源进行文件级处理,将文件或资源处理成需要的最佳输出结构和形式。在处理过程中,我们可以对文件进行模块化引入、依赖分析、资源合并、压缩优化、文件嵌入、路径替换、生成资源包等多种操作,这样就能完成很多原本需要手动完成的事情,极大地提高开发效率。一、GulpGul...
如何将多个(npm)package.json文件合并到一个Gulp?
Lets assume I have a mainFolder and 3 subfolders (subFolderA, subfolderB, subfolderC). 让我们假设我有一个mainFolder和3个子文件夹(subFolderA,subfolderB,subfolderC)。 ...
使用gulp和browserify捆绑多个文件
I have a project structure that is something like that: 我有一个类似的项目结构: src |html |javascript |file_one.js |file_two.js |stylesdistgulpfile.js M...
来自Gulp的Mongo使用Gulp数据的数据
How can I get data from my Mongo database to pipe in Gulp as a data source when using Gulp Data? 在使用Gulp Data时,如何从我的Mongo数据库中获取数据作为数据源在Gulp中管道? Gulp T...
如何使用Gulp和gulp-data从单个jade模板生成多个html文件
I am creating a static site generator with Gulp. I'm wondering how to pipe each piece of data(JSON) into a single jade template to produce multiple ht...
Gulp-uglify将多个javascript文件合并为一个javascript文件
I'm searching for Gulp task that can take multiple javascript files into a single javascript file and compress to one file, like grunt-contrib-uglify....
从多个流创建单个文件,同时使用Gulp保持流和文件顺序
I have a Gulp task where I would like to compile HTML templates to javascript (lets say from /views directory), add all other javascript sources to th...
gulp(四)插件gulp-data
npm install --save-dev gulp-data var gulp = require('gulp');var swig = require('gulp-swig');var data = require('gulp-data');var fm = require('front-...