2024年最新gulp两种配置方式总结_gulp 两个版本怎么切换(1)，2024年最新腾讯面试 算法题

总结

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript

前端资料汇总

u

g

i

n

s

′

)

(

)

;

/

/

我

们

其

他

g

u

l

p

模

块

都

可

以

直

接

用

=require('gulp-load-plugins')();//我们其他gulp模块都可以直接用

=require(′gulp−load−plugins′)();//我们其他gulp模块都可以直接用引入，不需要声明变量了
var open=require(‘open’); //open单独引入，因为他没有以gulp开头
//app：用来定义目录路径；
var app={
srcPath:‘src/’,//源代码目录
devPath:‘build/’,//开发目录，整合之后的文件
prdPath:‘dist/’//生产上线目录，生产和部署
};
//拷贝文件：拷贝第三方文件到开发和生产目录；
gulp.task(‘lib’,function () {
gulp.src(‘bower_components//*.js’)///：对当前bower_components下所有文件，进行深度遍历；同时读取所有文件
.pipe(gulp.dest(app.devPath+‘vendor’)) //拷贝到开发，并重命名
.pipe(gulp.dest(app.prdPath+‘vendor’)) //拷贝到生产目录；
.pipe(KaTeX parse error: Expected ‘EOF’, got ‘}’ at position 51: …级浏览器支持IE9及9以上； }̲); //拷贝html gul….connect.reload())
})
//json
gulp.task(‘json’,function () {
gulp.src(app.srcPath+’/data/**/.json’)
.pipe(gulp.dest(app.devPath+‘data’))
.pipe(gulp.dest(app.prdPath+‘data’))
.pipe(KaTeX parse error: Expected ‘EOF’, got ‘}’ at position 20: …nect.reload()) }̲) //以下任务会有变化 //….less())
.pipe(gulp.dest(app.devPath+‘css’))
.pipe(

.

c

s

s

m

i

n

(

)

)

/

/

运

用

生

产

环

境

之

前

，

先

压

缩

下

；

.

p

i

p

e

(

g

u

l

p

.

d

e

s

t

(

a

p

p

.

p

r

d

P

a

t

h

′

c

s

s

′

)

)

.

p

i

p

e

(

.cssmin()) //运用生产环境之前，先压缩下； .pipe(gulp.dest(app.prdPath+'css')) .pipe(

.cssmin())//运用生产环境之前，先压缩下；.pipe(gulp.dest(app.prdPath+′css′)).pipe(.connect.reload())
})
//js
gulp.task(‘js’,function () {
gulp.src(app.srcPath+‘scripts/**/*.js’)
.pipe(

.

c

o

n

c

a

t

(

′

i

n

d

e

x

.

j

s

′

)

)

/

/

进

行

J

S

代

码

合

并

；

合

并

后

到

开

发

环

境

.

p

i

p

e

(

g

u

l

p

.

d

e

s

t

(

a

p

p

.

d

e

v

P

a

t

h

′

j

s

′

)

)

.

p

i

p

e

(

.concat('index.js')) //进行JS代码合并；合并后到开发环境 .pipe(gulp.dest(app.devPath+'js')) .pipe(

.concat(′index.js′))//进行JS代码合并；合并后到开发环境.pipe(gulp.dest(app.devPath+′js′)).pipe(.uglify()) //压缩后，再发布到生产环境
.pipe(gulp.dest(app.prdPath+‘js’))
.pipe(KaTeX parse error: Expected ‘EOF’, got ‘}’ at position 20: …nect.reload()) }̲) //image gulp.….imagemin())
.pipe(gulp.dest(app.prdPath+‘image’))
.pipe(KaTeX parse error: Expected ‘EOF’, got ‘}’ at position 20: …nect.reload()) }̲) //以上就完成静态资源文件….clean())
})
//写一个总的任务，把以上任务进行合并起来，以后想打包整个项目，只需要执行build任务即可；
gulp.task(‘build’,[‘image’,‘js’,‘less’,‘lib’,‘json’,‘html’]);
//问题：开发完一段代码后，想看看它的实际效果，我们得build，然后启动服务器，到服务器中去查看；
//自动化打包编译，并运行服务器
gulp.task(‘serve’,[‘build’],function () {

.

c

o

n

n

e

c

t

.

s

e

r

v

e

r

(

r

o

o

t

:

[

a

p

p

.

d

e

v

P

a

t

h

]

,

l

i

v

e

r

e

l

o

a

d

:

t

r

u

e

,

/

/

自

动

加

载

p

o

r

t

:

1234

)

/

/

自

动

打

开

浏

览

器

o

p

e

n

(

′

h

t

t

p

:

/

/

l

o

c

a

l

h

o

s

t

:

123

4

′

)

/

/

实

现

自

动

编

译

；

我

们

希

望

的

是

，

每

更

改

一

段

代

码

，

它

自

动

编

译

，

并

自

动

刷

新

浏

览

器

来

查

看

g

u

l

p

.

w

a

t

c

h

(

a

p

p

.

s

r

c

P

a

t

h

′

s

c

r

i

p

t

/

∗

∗

/

∗

.

j

s

′

,

[

′

j

s

′

]

)

/

/

监

控

J

S

文

件

，

并

执

行

j

s

任

务

；

/

/

l

i

b

一

般

不

变

更

，

所

以

不

用

对

他

进

行

监

控

，

如

果

要

监

控

，

监

控

静

态

资

源

源

文

件

的

书

写

如

下

g

u

l

p

.

w

a

t

c

h

(

′

b

o

w

e

r

c

o

m

p

o

n

e

n

t

s

/

∗

∗

/

∗

′

,

[

′

l

i

b

′

]

)

g

u

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

∗

.

j

s

′

,

[

′

j

s

′

]

)

/

/

监

控

J

S

文

件

，

并

执

行

j

s

任

务

；

/

/

l

i

b

一

般

不

变

更

，

所

以

不

用

对

他

进

行

监

控

，

如

果

要

监

控

，

监

控

静

态

资

源

源

文

件

的

书

写

如

下

g

u

l

p

.

w

a

t

c

h

(

′

b

o

w

e

r

c

o

m

p

o

n

e

n

t

s

/

∗

∗

/

∗

′

,

[

′

l

i

b

′

]

)

g

u

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-e6q3FzKv-1715738735194)]