优化CSS和JS文件
开发者通常会用两个任务来优化CSS和JS,压缩和拼接concatenation (也不知道翻译的对不对).
一个开发者面对的问题是,自动编译很难正确拼接.
例如,我们引入3个脚本到index.html.
Live
开发者通常会用两个任务来优化CSS和JS,压缩和拼接concatenation (也不知道翻译的对不对).
一个开发者面对的问题是,自动编译很难正确拼接.
例如,我们引入3个脚本到index.html.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link href="css/styles.css" rel="stylesheet" type="text/css" /> </head> <body> <h1>测试页面</h1> <svg></svg> </body> </html>
Globs 匹配模式或者文件类型从而添加更多文件到gulp.src,类似正则表达式,但是主要用于文件路径.
当使用通配符,计算机检查
多数Gulp只需要4种不同的通配符:
*.scss
: *匹配当前目录所有类型(当前项目或者目录).**/*.scss
: 这个匹配所有根目录以及子目录的文件.!not-me.scss
: !符号会排除一个文件,这个例子里not-me.scss会被排除.*.+(scss|sass)
:+和()括号会增加匹配类型,使用|分号分开,这个例子会包括.scss和.sass.现在我们可以用scss/**/*.scss替换app/scss/styles.scss.