在 webpack 出现之前，前端开发人员会使用 grunt 和 gulp 等工具来处理资源，并将它们从 /src 文件夹移动到 /dist 或 /build 目录中。同样方式也被用于 JavaScript 模块，但是，像 webpack 这样的工具，将动态打包(dynamically bundle ...
分类：
Web程序 时间：
2019-01-19 18:52:58
阅读次数：
195
本文原文地址：https://www.limitcode.com/detail/59a15b1a69e95702e0780249.html 回顾 npm install 命令 最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实 ...
分类：
其他好文 时间：
2019-01-12 18:00:14
阅读次数：
192
# Browsersync
官网：https://www.browsersync.io/ 中文：http://www.browsersync.cn/ ## Gulp中使用 http://www.browsersync.cn/docs/gulp/ 注意1：我测试哪个tesk在下面哪个好使（要么能使用静... ...
分类：
其他好文 时间：
2019-01-03 00:41:44
阅读次数：
171
gulp.src(globs[, options]) 输出（Emits）符合所提供的匹配模式（glob）或者匹配模式的数组（array of globs）的文件。 将返回一个 Vinyl files 的 stream 它可以被 piped 到别的插件中。 globs 类型： String 或 Arr ...
1. 全局安装 gulp： 2. 作为项目的开发依赖（devDependencies）安装： 3. 在项目根目录下创建一个名为 gulpfile.js 的文件： 4. 运行 gulp： 默认的名为 default 的任务（task）将会被运行，在这里，这个任务并未做任何事情。 想要单独执行特定的任务 ...
分类：
其他好文 时间：
2019-01-01 11:01:35
阅读次数：
137
title: 前端构建工具对比 toc: true date: 2018 10 17 19:41:31 categories: Web tags: 前端构建工具 grunt gulp webpack 前端技术发展之快，各种可以提高开发效率的新思想和框架层出不穷。但是它们都有一个共同点： 源代码无法直 ...
分类：
其他好文 时间：
2018-12-26 19:55:29
阅读次数：
138
前言 ? 最近几年前端技术发展日新月异，特别是单页应用的普及。组件化、工程化、自动化成了前端发展的趋势。webpack已经成为了前端打包构建的主流，但是一些老古董的项目还是存在的，也有优化的必要，正好公司的老项目需要优化，不多说拿gulp实践一下。 本文需要安装node（自行安装），并了解过gulp ...
分类：
其他好文 时间：
2018-12-25 13:11:36
阅读次数：
138
报错信息如下： 解决办法如下： 解释原因：saas是一个日本人搞得ruby语言中使用的一个预编译器，以前使用的时候我们需要安装ruby环境，后来gulp整合了saas也是挺好用的，但是，node saas就需要python环境了，所以很多人又不知道，就升级了node，导致node saas无法使用了 ...
分类：
Web程序 时间：
2018-12-22 20:39:22
阅读次数：
579
这本书让lz对js性能优化有了更深刻的理解，现在因为我们通常用第三方构建工具webpack、gulp等诸如此类，之前总是听说什么dom操作影响性能呢，对这个概念总是有点模糊，但看完这本书之后后，相对而言比较清晰了。 书中有句话说的比较形象，js与dom之间有座桥梁，当我们去访问dom时，无疑是要交过 ...
分类：
编程语言 时间：
2018-12-22 01:12:00
阅读次数：
228
gulp打包主要注重工作流程的构建。 一般先在package.json中添加需要的gulp插件，通过npm或者yarn安装，然后在gulpfile.js中写构建脚本. 主要用到的插件有： gulp-usemin： 根据html页面创建压缩html,css,js...的构建任务； gulp-htmlm ...
分类：
其他好文 时间：
2018-12-16 23:40:21
阅读次数：
254
