webpack引入 　　前面我们简单学习了gulp，这时一个前端构建框架---webpack产生了（模块打包） 它能帮我们把本来需要在服务端运行的JS代码，通过模块的引用和依赖打包成前端可用的静态文件。（这里有需要了解一下CommonJS规范，具体请自行查看http://commonjs.org ...

webpack和gulp都是热门的前端构建工具，他们的区别是什么呢？ gulp的官网上是这样介绍的，“gulp是一个工具包，可帮助您自动化开发工作流程中繁重而耗时的任务。”，说明gulp旨在强调自动化前端构造流程，通过用户自定义配置一系列的任务(Task)，并排列好顺序后执行，从而构建 ...

1.监听流错误 stream-combiner2 2.热更新Browsersync与element冲突，换成gulp-connect 3.gulp-uglify压缩js不能压缩es6 4.使用vue-cli 运行npm run build --report 可以输出构建情况 浏览器自动访问 ...

gulp是为了规范前端开发流程，实现前后端分离、模块化开发、版本控制、文件合并、压缩、Mock数据等功能的一个前端自动化构建工具。 强调的是前端开发的工作流程，我们可以通过配置一系列的task（Gulp中的gulp.task()方法配置），定义task处理的事务（例如文件 ...

一、概念 gulp 构建工具 我们可以通过给gulp配置不通的task（通过Gulp中的gulp.task()方法配置，比如启动server、sass/less预编译、文件的合并压缩等等）来让gulp实现不同的功能，从而构建整个前端开发流程。 webpack 打包工具 我们可以把开发中的所有 ...

在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到 ...

常有人拿gulp与webpack来比较，知道这两个构建工具功能上有重叠的地方，可单用，也可一起用，但本质的区别就没有那么清晰。 gulp gulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制 ...

在项目目录下建gulpfile.js 然后创建src dist目录 gulpfile.js文件代码 const gulp = require('gulp') const htmlmin = require('gulp-htmlmin') //压缩html const babel ...