Gulp是基于node平台开发的前端构建工具 将机械化操作编写成任务，想要执行机械化操作时执行一个命令行命令任务就能自动执行了 用机器代替手工，提高开发效率 1. Gulp能做什么： 项目上线，HTML、CSS、 JS文件压缩合并 语法转换（es6、less...） 公共文件抽离 修改文件浏览器自动 ...
分类：
其他好文 时间：
2020-06-11 00:36:00
阅读次数：
66
loader 文档定义 loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言（如 TypeScript）转换 ...
分类：
Web程序 时间：
2020-05-27 15:07:34
阅读次数：
71
首先来看一下sass和less的区别 sass和less都是css的预编译处理语言，他们引入了mixins，参数，嵌套规则，运算，颜色，名字空间，作用域，JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用 sass和less主要区别:在于实现 ...
分类：
移动开发 时间：
2020-05-18 16:43:14
阅读次数：
186
1. webpack与gulp的区别 gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译，替代手工实现自动化工作。 webpack是前端构建工具，称为模块打包机，webpack支持模块化；构建前端开发过程中常用的文件，如：js，css，html，img等；使用简单方便， ...
分类：
其他好文 时间：
2020-04-22 13:04:14
阅读次数：
68
[TOC] # 前端构建工具Webpack的学习 ## 什么是webpack？ > 百度词条：“Webpack 是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式，将各种静态资源视为模块，并从它生成优化过的代码。要使用Webpack 前须先安装Node.js。” ## we ...
分类：
Web程序 时间：
2020-04-13 01:08:19
阅读次数：
88
前言 这篇文章的主要目的是告诉大家,构建工具可以做那些事情.大家不必去深入研究这个东西.最基本的是有个概念. 什么是前端构建? 在平时我们浏览一些大型的站点,会发现其中的一些css经过压缩(去掉了空白符,注释),js经过了混淆和压缩.一些引用的文件的链接会加上奇怪的字串(文件md5),例如: <li ...
分类：
其他好文 时间：
2020-04-01 19:48:51
阅读次数：
70
当我们开始一个新的 JavaScript 项目时，我们需要考虑的第一件事就是搭建一个前端编译环境。但是在面对众多的 JavaScript 构建工具时，我们却无所适从，不知道究竟哪一个才是最适合我们的。 想象一下，如果有一个很简单的判断标准，让你知道如何针对不同的项目，选取不同的前端构建工具，那是不是 ...
分类：
编程语言 时间：
2020-01-13 23:37:20
阅读次数：
136
如今， 毫无疑问是前端构建领域里最耀眼的一颗星，无论你前端走哪条路线，都需要有很强的 知识。 的基本用法这里就不展开讲了。主要探讨一下如何提高 的打包速度。 这篇文章以 ，`webpack4.0+ nodejs10.0+` 这几个版本为例。 一、打包分析 1.1、速度分析 我们的目的是优化打包速度， ...
分类：
Web程序 时间：
2019-11-16 21:17:54
阅读次数：
131
第一章：wepack与构建发展简史 (9讲)01 | 课程介绍02 | 内容综述03 | 为什么需要构建工具04 | 前端构建演变之路05 | 为什么选择webpack06 | 初识webpack07 | 环境搭建：安装webpack08 | webpack初体验：一个最简单的例子09 | 通过np ...
分类：
Web程序 时间：
2019-11-05 00:32:52
阅读次数：
179
grunt是什么，grunt就是个东西.. grunt作为一个前端构建工具，有资源压缩，代码检查，文件合并等功能。 下面就简单了解grunt的使用。 一、环境配置 grunt是基于nodejs的，所以需要一个 nodejs 环境，未了解的可以 来这看看 还是在windows下， 首先要保证grunt ...
分类：
其他好文 时间：
2019-07-30 14:19:23
阅读次数：
145
