简介 Webpack是一个前端构建工具，本文将简要介绍它最常用的功能，并创建一个基于webpack的前端开发环境。 范例项目 包含两个页面，列表页list.html和详情页detail.html，仅作为Webpack打包的演示，不实际开发功能。范例项目是一个多页面应用，而非SPA（单页应用）。我们将 ...
分类：
Web程序 时间：
2018-07-25 01:08:40
阅读次数：
200
gulp相关插件： 1、del 删除文件，用于清空文件 2、browser-sync 用于自动刷新浏览器 3、gulp-htmlmin 用于压缩html 4、gulp-clean-css 压缩css 5、gulp-uglify 压缩js 6、gulp-replace 替换路径 7、gulp-base ...
分类：
其他好文 时间：
2018-05-22 15:09:19
阅读次数：
213
Gulp 原文地址： "http://www.ybao.org/book/gulp/828.html" 一、简介 1.gulp.js是一个前端构建工具，与gruntjs类似。gulp使用node中的stream来读取和操作数据，其速度更快。 eg:每次修改代码都要做的编译ES6、sass、压缩htm ...
分类：
其他好文 时间：
2018-05-06 14:47:00
阅读次数：
160
问题来源(1)要开发的项目位于PHPStorm打开的项目的二级目录下，使用PHPStorm来开发Laravel项目 提供的教程在代码自动定位和智能提醒方面，存在无效的情况；(2)使用gulp作为项目的前端构建工具，文件定位无法同时给出定位到源文件和编译文件这两种选择;解决方法通过PHPStorm提供... ...
分类：
Web程序 时间：
2018-04-19 10:34:03
阅读次数：
378
Loader loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。 因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。 loader 可以将文件从不同的语言（如 TypeScript）转换为 J ...
分类：
Web程序 时间：
2018-02-26 20:40:23
阅读次数：
299
本文假设你之前没有用过任何任务脚本（task runner）和命令行工具，一步步教你上手Gulp。不要怕，它其实很简单，我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。 第一步：安装Node 首先，最基本也最重要的是，我们需要搭建node环境。访问http://nodejs. ...
分类：
其他好文 时间：
2018-02-05 18:53:22
阅读次数：
178
gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。 ...
分类：
Web程序 时间：
2018-02-02 21:53:01
阅读次数：
246
一.基础知识 二.进阶学习 三.工程自动化（前端构建工具） Gulp是一个工具，而webpack等等是模块化方案。Gulp也可以配置seajs、requirejs甚至webpack的插件。 三.开发工具 四. 国内当前主流浏览器有那些 ...
分类：
其他好文 时间：
2018-02-02 20:16:52
阅读次数：
175
横空出世的Parcel近日成为了前端圈的又一大热点，在短短几周内就获得了13K的Star。作为前端构建工具新人的Parcel为什么能在短期内获得这么多赞同？他和老大哥Webpack比起来到底有什么优势呢？ 我花了6个月的时间写了一本全面介绍Webpack的图书《深入浅出 Webpack》近日刚出版， ...
分类：
Web程序 时间：
2018-01-31 01:09:52
阅读次数：
307
1.gulp的API介绍 gulp.task(name[, deps], fn) 定义要实现的任务 name：必选，任务名称，自定义名称，不过注意名称中不要使用空格； deps：可选，一个包含任务列表的数组，在当前任务之前执行的任务，必须使用正确的异步执行方式：使用一个 callback，或者返回一 ...
分类：
其他好文 时间：
2018-01-24 22:15:25
阅读次数：
216
