本文目录
- gulp是拟声词吗
- 前端工具里面gulp和fis，有哪些优缺点
- gulp和webpack，fis的区别
- webpack和gulp的区别是什么
- gulp中如何排除指定规则的文件
- gulp的作用是什么如何理解gulp流式自动化的概念
- gulp和webpack的区别
- webpack和gulp的区别
- Gulp和webpack的区别，是一种工具吗
- 求一篇英语短文
gulp是拟声词吗
咨询记录 · 回答于2021-12-12
gulp是拟声词吗
您好，gulp是拟声词的
前端工具里面gulp和fis，有哪些优缺点
优点和缺点：
gulp轻量级，你的项目可能由于历史原因，或者其他原因，fis的一些基础要求可能和你项目有冲突。比如你可能只想处理整个项目中的一个模块，或者你不太想在本地开发使用绝对路径，或者你的项目和程序员分工页面模板（jsp，php等）和前端资源不在同一个资源位置。这个时候你更适合使用gulp来定制自己的解决方案。
但是gulp使用者来说，并不是每个人都有非常强的处理错误能力，如果遇到插件bug（当然这种情况很少见），需要联系作者，这个是一件非常棘手的事情。但是这种风险是存在的。
fis相对来说因为有专门的QQ群天天为用户答疑解惑收集bug处理bug，压根就不用担心太多问题。另外fis的一些解决方案确实是目前前端优化里面会需要真实考虑面对的。接触fis会让你对整个前端的优化和加载管理有更深入的了解，当然如果你已经了解很透彻了。我相信对于选择gulp 和fis这种困惑应该也不会存在。
gulp和webpack，fis的区别
gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译 替代手工实现自动化工作 1.构建工具 2.自动化 3.提高效率用 webpack是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件，主要用于模块化方案
webpack和gulp的区别是什么
Gulp应该和Grunt比较，他们的区别我就不说了，说说用处吧。Gulp / Grunt 是一种工具，能够优化前端工作流程。比如自动刷新页面、combo、压缩css、js、编译less等等。简单来说，就是使用Gulp/Grunt，然后配置你需要的插件，就可以把以前需要手工做的事情让它帮你做了。
说到 browserify / webpack ，那还要说到 seajs / requirejs 。这四个都是JS模块化的方案。其中seajs / require 是一种类型，browserify / webpack 是另一种类型。
seajs / require : 是一种在线“编译“ 模块的方案，相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、module 这些东西。也就实现了模块化。
browserify / webpack : 是一个预编译模块的方案，相比于上面 ，这个方案更加智能。没用过browserify，这里以webpack为例。首先，它是预编译的，不需要在浏览器中加载解释器。另外，你在本地直接写JS，不管是 AMD / CMD / ES6 风格的模块化，它都能认识，并且编译成浏览器认识的JS。
这样就知道，Gulp是一个工具，而webpack等等是模块化方案。Gulp也可以配置seajs、requirejs甚至webpack的插件。
gulp中如何排除指定规则的文件
gulp排除文件以：[!+文件描述] 的方式进行排除。不过，记得必须先包括再排除！否则会报错——什么文件都没拿到哪来的排除呢是吧。
随意写了些，没测过。可能有错误，明确两点即可：
先包含再排除。不包含，排除是没有愿意的。而如果排除之后什么都没剩下，那程序也是没法工作的。
知道要什么，不要什么。规则一般使用通配符来进行排除路径描述。要熟悉通配符的意义和使用方法。
例子：
[“a/**/*.js“,“!a/base/**“] // 排除base 下的任何文件。
[“a/**/*.js“,“!a/base*/**“] // 排除以base开头的任何文件夹的任何文件。
[“a/**/*.js“,“!a/base?/**“] // 排除以base开头后接不为空的一个字符的任何文件夹的任何文件。?表示一个字符gulp.src([“a/*/**.js“,“!a/*.js“]) // a/ 这一层级的js 文件会被排除但不包括a/下的子文件夹中的js文件。
[“a/**/*.js“,“!a/*/old_*.js“] // 排除 a/ 下所有 old_开头的js文件。
// 除开build,simple,images,node_modules目录，匹配根目录下所有的html与php文件
[’./**/*.{html, php}’, ’!{build, simple, images, node_modules}/**’]
// 排除build与node_modules目录，并排除其他目录下以下划线_开头的html与php文件，匹配其余的html与php文件
[’./**/!(_)*.{html, php}’, ’!{build, node_modules}/**’]
// 如果要排除的文件描述起来比较复杂，那么建议在使用之前先把要处理的文件整理好，
// 再在gulp.src()中使用：
function changed(){
//..... 处理过程并返回文件路径数组或者字符。
return foo
}
// 在gulp.src()中使用
//.....
gulp.src(changed()){
//.pipe()
}
gulp的作用是什么如何理解gulp流式自动化的概念
gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。
gulp和webpack的区别
gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译 替代手工实现自动化工作
1.构建工具
2.自动化
3.提高效率用
webpack是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案
1.打包工具
2.模块化识别
3.编译模块代码方案用
所以定义和用法上来说 都不是一种东西，无可比性 ，更不冲突！【当然，也有相似的功能，比如合并，区分，但各有各的优势】
webpack和gulp的区别
gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译 替代手工实现自动化工作
1.构建工具
2.自动化
3.提高效率用
webpack是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案
1.打包工具
2.模块化识别
3.编译模块代码方案用
所以定义和用法上来说 都不是一种东西，无可比性 ，更不冲突！【当然，也有相似的功能，比如合并，区分，但各有各的优势】
Gulp和webpack的区别，是一种工具吗
gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译 替代手工实现自动化工作
1.构建工具
2.自动化
3.提高效率用
webpack是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案
1.打包工具
2.模块化识别
3.编译模块代码方案用
所以定义和用法上来说 都不是一种东西，无可比性 ，更不冲突！【当然，也有相似的功能，比如合并，区分，但各有各的优势】
求一篇英语短文
Kaiser3344提供：幽默故事如下：
The First Day as a Taxi Driver
A taxi passenger tapped the driver on the shoulder to ask him a question. The driver screamed, lost control of the car, nearly hit a bus, went up on the footpath, and stopped centimetres from a shop window.
乘客轻拍了一下出租车司机的肩膀,想问个问题. 司机大叫起来, 车也失去了控制, 几乎撞上一辆公车, 还上了便道, 在还差几厘米就撞上商店橱窗时终于停了下来.
The driver said, Look mate, don’t ever do that again. You scared the daylights out of me! The passenger apologized and said, I didn’t realize that a little tap would scare you so much. The driver replied, Sorry, it’s not really your fault. Today is my first day as a cab driver. I’ve been driving a funeral van for the last 25 years.
司机说,伙计,别再这么干了. 你把我吓破胆了!乘客抱歉地说, 我没想到拍你一下就吓成这样. 司机说,对不起,也不全是你的错. 今天是我第一天开出租. 以前25年里我一直开殡葬车.
