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
l
p
.
w
a
t
c
h
(
a
p
p
.
s
r
c
P
a
t
h
′
∗
∗
/
∗
.
h
t
m
l
′
,
[
′
h
t
m
l
′
]
)
g
u
l
p
.
w
a
t
c
h
(
a
p
p
.
s
r
c
P
a
t
h
′
d
a
t
a
/
∗
∗
/
∗
.
j
s
o
n
′
,
[
′
j
s
o
n
′
]
)
g
u
l
p
.
w
a
t
c
h
(
a
p
p
.
s
r
c
P
a
t
h
′
s
t
y
l
e
s
/
∗
∗
/
∗
.
l
e
s
s
′
,
[
′
l
e
s
s
′
]
)
g
u
l
p
.
w
a
web浏览器中的javascript
- 客户端javascript
- 在html里嵌入javascript
- javascript程序的执行
- 兼容性和互用性
- 可访问性
- 安全性
- 客户端框架
window对象
-
计时器
-
浏览器定位和导航
-
浏览历史
-
浏览器和屏幕信息
-
对话框
-
错误处理
-
作为window对象属性的文档元素