很多站长朋友们都不太清楚gulp配合php,今天小编就来给大家整理gulp配合php,希望对各位有所帮助,具体内容如下:
本文目录一览: 1、 gulp和webpack的区别 2、 thinkphp 前端怎么使用gulp监听 3、 gulp中如何排除指定规则的文件 gulp和webpack的区别1、gulp是工具链、构建工具。可以配合各种插件做jps.压缩,css.压缩,less编译等,可以替代手工实现自动化工作。
2、而webpack是文件打包工具,可以把项目的各种jps.文、css.文件等打包合并成一个或多个文件,主要用于模块化方案,预编译模块的方案。
3、在定义和使用类比中两者都有各的用途,同时webpack为初级编译程序,gulp为高级编译程序,在功能上要比webpack应用程序中多。
4、webpack可以很方便使用node_module、es6或者样式注入等功能,作为最初级的功能定位性价比最高,webpack输入输出都以js为主,对html兼顾较少,可用组件不多很难达到可用的程度。
5、gulp在编程方面较为复杂,但是可用的组件也会更多,手动编译的情况下耗时较长,同时此软件不适合初级入门者使用。
资料拓展:gulp和webpack可以组合起来使用,达到快速编译的目的,依靠gulp丰富的组件可以很好地让js和html联动配置,进而控制webpack应用程序,实现高自动化。
更多关于gulp和webpack的区别,进入:查看更多内容
thinkphp 前端怎么使用gulp监听如下操作;
1. tpl_src 目录下的所有scss文件编译压缩输出到 src 目录下;
2. tpl_src 目录下的所有js使用babel转码压缩输出到 src 目录下;
3. tpl_src 目录下的所有图片压缩输出到 src 目录下;
4. tpl_src 目录下的所有html压缩输出到src目录下;
5. tpl_src 目录下的其他类型文件直接复制到src目录下;
6. 触发监听任务;有文件变动自动执行上述几条任务;并且自动刷新浏览器;
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配合php的介绍到此就结束了,不知道本篇文章是否对您有帮助呢?如果你还想了解更多此类信息,记得收藏关注本站,我们会不定期更新哦。
查看更多关于gulp配合php phpglobal的详细内容...