项目上线也有一阵子,回头过来看了看从最初的项目配置到开发的过程,总有些感慨,疲软期,正好花点时间,看看最初的配置情况 随着前端的发展,前端工程化慢慢成为业内的主流方式,项目开发的各种构建工具,也出现了不少,如:grunt,gulp,webpack,百度团队的fis3等,在前端的领域都占有自己的一席之地,webpack可以说是后起之秀,加之vuejs,reactjs,angularjs等MVVM框架的出现,配合webpack开发,成为业内常见的一种开发模式 在公司项目开发的时候,选用了gulp+w…

昨天听同事分享了Gulp的一些简单使用,决定自己也试一试. 一.安装 gulp是基于nodejs的,所以要先下载安装node(直接搜node,在官网下载就好了) 1.全局安装gulp npm install gulp -g 2.新建package.json文件 npm init 上图框中的内容分别是:项目名.版本.描述.入口文件.测试命令.git地址.关键字.作者.许可协议 3.作为项目的开发依赖(devDependencies)安装gulp npm install gulp --save-de…

//获取gulp //require()是 node (CommonJS)中获取模块的语法 var gulp=require('gulp'); //获取gulp-concat模块(用于合并文件):npm install --save-dev gulp-concat var concat=require('gulp-concat'); //获取gulp-jshint(语法检查):npm install jshint var jshint=require('gulp-jshint'); //获取gu…

npm install --save-dev 写入package.json里     var gulp = require('gulp'); var less = require('gulp-less');//less解析 var minifycss = require('gulp-minify-css');//css压缩 var uglify = require('gulp-uglify');js压缩     使用方法:   gulp.task('less', function() { gul…

一.简介及安装: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率 gulp的优点:基于流的操作.任务化. 常用api:src .dest.watch.task.pipe 由于gulp是基于node的所以使用的时候需要通过npm或者cnpm安装全局安装(cnpm i -g gulp) 常用的gulp需要安装的包括gulp-cl…

一.物料准备 废话不多说,直接上 package.json { "name": "vwp", "version": "1.0.0", "description": "vue test", "main": "index.js", "dependencies": { "vue": "^1.0.26&qu…

1.创建一个工程,在webstorm控制台   cnpm install --save-dev gulp      cnpm install --save-dev gulp-concat        cnpm install --save-dev gulp-minify 2.环境配置完成后,  创建src文件,放置源  index.html,main.js,和其他的js文件 3.创建配置文件   gulpfile.js 文件 /** * Created by Administrator on…

1.安装gulp,由于某些在下不能解决的原因,故使用gulp 3.9.1版本 安装命令: npm install gulp@3.9.1 注意不要直接使用 : npm install gulp 安装,直接使用npm install gulp安装的版本是4.0版本,可使用 gulp -v命令查看gulp版本 2.我的文件结构  dist :  目标文件夹 存放压缩后的代码 src : 代码源文件夹 存放源代码 3.案例代码 // 引用 gulp const gulp = require('gulp'…

相关网站 gulp官方网址:http://gulpjs.com gulp中文网站:http://www.gulpjs.com.cn/ gulp插件地址:http://gulpjs.com/plugins gulp 官方API:https://github.com/gulpjs/gulp/blob/master/docs/API.md gulp 中文API:http://www.ydcss.com/archives/424 一.gulp特点: 易于使用 通过代码优于配置的策略,Gulp 让简单的任…

当出现报错时,请按如下方式安装 gulp 以下使用国内的淘宝镜像安装: $ # Step 1 $ cnpm install -g gulp $ # Step 2 $ cnpm install --save-dev gulp $ # ... 安装后,就不报错了. 参考文章: http://blog.dwaynecrooks.com/post/110903139442/why-do-we-need-to-install-gulp-globally-and gulp简单入门推荐[gulp 入门指南]:…