首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

gulp入门(小白级别)

比如下面的例子,task3是task2依赖,所以虽然task3排task2之后,但也会先执行。...如果出现在末尾,也能匹配文件。 ? 匹配文件路径个字符(不会匹配路径分隔符) [...] 匹配方括号中出现字符任意一个,当方括号第一个字符为^或!...把结果存储file1_2文件 我们可以采用下面的方式: /** case2 要将 demo0927/demofile/file1 所有源码文件(即html、js、css)都倒腾到 demo3927...未安装jshint时,安装gulp-jshint会提示安装依赖 case: 假设在index.js文件随便制作一个错误,如下在line9敲入无意义字段“aaa”: ?...index.js 然后写入gulp任务,执行即可看到输出错误提示(如果没有错误,就不会报错提示)。

1.3K20

Gulp折腾之路(II)

json 文件,名为 config.json,该文件示例代码如下: { "project" : "Gulp", "localserver" : { "host...,并且也删除(指定路径或文件名太长);额,这是一个超蛋疼问题;也是尝试几次后才成功(没闹明白失败和成功原因);至于删掉那坏类库,最后也是采用将部分剪切出去或者手动rename致使路径变短些才得以干掉它...帮助 (默认值为“Y”): A rd : 指定路径或文件名太长,或者两者都太长。完全限定文件名必须少于 260 个字符,并且目录名必须少于 248 个字符。...('build')); 这个插件很有作用,它可以用来遍历gulp.src()指定那些文件;利用这个特性,以及npm下自带path插件,即可获取到每个文件文件名;特定场景需求里,它帮了我很大忙。...工厂可以在任意多任务重用。你也可以嵌套这些工厂,或者把它们连接起来,已达到更好效果。分离出每个共享管道,也可以让你能够集中地管理,当你工作流程更改后,你只需要修改一个地方即可。

1.1K50
您找到你想要的搜索结果了吗?
是的
没有找到

从零开始构建你 Gulp

Gulp 前端自动化构建工具 ,已经对 Gulp 有了初步了解,我们通过将所有任务写到 gulpfile.js 文件中进行编译,这当然是最直观方法,但当我们需要执行任务过多时,gulpfile.js...,每一任务文件不与其他文件产生直接交互,并通过赋值方式文件内部调用全局变量,下图是我们整个项目的目录结构,文章接下来部分,将会给大家详细讲解 图片 文件结构 我们先来简单介绍下我们文件目录结构...图片 rules 使用 0, 1, 2 来代表规则启用状态不同,具体规则可在 Rules.md 查找,当然,如果你觉得手动配置规则太麻烦,也可以直接使用 stylelint 官方配置文档 "..., IE8 是不支持 rgba() 颜色 postcss-opacity 给 IE 浏览器添加滤镜属性,IE8 不支持 opacity 属性 postcss-pseudoelements 将伪元素...,我们将经过审查编译压缩过后代码进行编码,而不会影响之前已执行操作,若是任务执行顺序相反,则会导致编码过后文件无法执行后续操作,同样 build.js ,我们也是先执行其他任务,最后才执行

1K40

Gulp使用指南

把目录切换到你项目文件,然后命令行执行: npm install gulp   如果想在安装时候把gulp写进项目package.json文件依赖,则可以加上--save-dev: npm...三.Gulp使用 1 建立gulpfile.js文件   gulp也需要一个文件作为它文件gulp这个文件叫做gulpfile.js。...: 2 运行gulp任务   要运行gulp任务,只需切换到存放gulpfile.js文件目录(windows平台请使用cmd或者Power Shell等工具),然后命令行执行gulp命令就行了,...我们可以使用下面这些特殊字符来匹配我们想要文件: 匹配符 说明 * 匹配文件路径0个或多个字符,但不会匹配路径分隔符,除非路径分隔符出现在末尾 ** 匹配路径0个或多个目录及其子目录,需要单独出现...如果出现在末尾,也能匹配文件。 ? 匹配文件路径个字符(不会匹配路径分隔符) [...] 匹配方括号中出现字符任意一个,当方括号第一个字符为^或!

1.2K60

SQL函数 CONCAT

SQL函数 CONCAT 标量字符串函数,它返回作为连接个字符表达式结果字符串。...大纲 {fn CONCAT(string-expression1,string-expression2)} 参数 string-expression1, string-expression2 - 要连接字符串表达式...表达式可以是列名、字符串文字、数字或另一个标量函数结果,其中底层数据类型可以表示为任何字符类型(如CHAR或VARCHAR)。 描述 连接个字符串以返回连接字符串。...可以使用连接运算符(||)执行完全相同操作。 可以连接数字或数字字符串任意组合;连接结果是一个数字字符串。SQL连接之前将数字转换为规范形式(指数被扩展,前导零和尾随零被删除)。...连接之前,数字字符串不会转换为规范形式。 可以将前导空格或尾随空格连接到字符串。将空值连接到字符串会产生空值;这是行业范围内SQL标准。 字符串函数还可用于将两个或多个表达式连接成单个字符串。

1.9K31

基于Node.js自动化工具Gulp

把目录切换到你项目文件,然后命令行执行: npm install gulp 如果想在安装时候把gulp写进项目package.json文件依赖,则可以加上--save-dev: npm ...gulp使用 1.建立gulpfile.js文件 gulp也需要一个文件作为它文件gulp这个文件叫做gulpfile.js。...2.运行gulp任务 要运行gulp任务,只需切换到存放gulpfile.js文件目录(windows平台请使用cmd或者Power Shell等工具),然后命令行执行gulp命令就行了,gulp...3.课程练习环境 (1)右面的编辑环境中点击【文件管理】,就可以看到我们上图已经为大家创建目录结构; (2)然后我们就可以对gulpfile.js文件进行编辑(双击),编辑完成后点击【保存文件】;...匹配文件路径个字符(不会匹配路径分隔符) [...]                         匹配方括号中出现字符任意一个,当方括号第一个字符为^或!

1.6K10

Hexo博客推荐安装插件

SEO相关 百度主动提交连接(hexo-baidu-url-submit) 地址:https://github.com/huiwang/hexo-baidu-url-submit 首先,Hexo根目录下...,安装本插件: npm install hexo-baidu-url-submit --save 然后,同样根目录下,把以下内容配置到_config.yml文件: baidu_url_submit:...新链接产生, hexo generate 会产生一个文本文件,里面包含最新链接 新链接提交, hexo deploy 会从上述文件读取链接,提交至百度搜索引擎 每天定时提交 关于这部分,我在网上没有找到合适插件...del @babel/core --save Hexo根目录新建文件 gulp.js,并复制以下内容到文件,有中文注释,可以根据自己需求修改。...var plumber = require("gulp-plumber"); //容错组件(发生错误不跳出任务,并报出错误内容) var isScriptAll = true; //是否处理所有文件

1.3K20

搭建babel将es6转es5环境

这意味着,如果项目要运行,全局环境必须有Babel,也就是说项目产生了对环境依赖。另一方面,这样做也无法支持不同项目使用不同版本Babel。 一个解决办法是将babel-cli安装在项目之中。...transform方法第一个参数是一个字符串,表示需要转换ES6代码,第二个参数是转换配置对象。....pipe(gulp.dest("lib")); }) 当我们在当前项目目录下运行 gulp 命令后,会发现原本src文件a.js(按照ES6标准编写)文件已经被转码成ES5标准a.js...package.json文件不应该是空。 如果你有空包json文件,只需添加{}。 然后再试一次就行。 ** Demo:2.不使用工具 你得有.babelrc文件。...$ babel js -d lib 之后,你会看到js文件夹下.js文件,全部转码到lib文件夹下,检查一下lib文件.js是否已经变为es5了。

62510

初遇python甚是喜爱之String字符串操作

首先新建一个python文件命名为py3_string.py,在这个文件中进行字符串操作代码编写(如下为代码,文后有图片显示运行效果): #定义一个变量message 并赋值为Hello World字符串...#因为人名后单引号python会认为是一个字符结束,之后World'不能被识别 #print(message) #如果一定要用单引号,此时需要对字符串单引号进行转义,使用反斜线 message...'))#1次 print(message.count('l'))#3次 #用find()查找字符串出现索引位置 print(message.find('World'))#返回6 #查找不存在字符串会返回...'World','Universe') print(new_message) #字符串连接,使用加号 greeting = 'Hello' name = 'Yale' message = greeting...print(help(str)) 以上代码运行效果图(产生错误或者异常部分代码已经注释掉),help(str)只有部分截图演示: ?

62150

谷歌翻译竟预言世界末日,专家解密神经翻译6大难题

Google Translate中键入“dog”一词19次,然后选择将这段无意义文本从毛利语翻译成英语,结果会怎样? ?...将原文设为索马里语,连续输入“ag”一词,这个字符串会被翻译成“sons of Gershon”(革顺儿子),“name of the LORD”(上帝名字),并且会引用圣经里术语,例如“cubits...“这只是将无意义的话语输入系统,导致产生也是无意义内容一种功能。” 对于这种怪异输出,有几种可能解释。...Rush说,当系统被输入无意义文本时,它就会“产生幻觉”,生成怪异输出——就像谷歌DeepDream视觉系统会产生可怕图像一样。 ?...蓝色:基于短语系统 绿色:NMT 2. NMT小数据集上表现不佳:一般而言,大多数机器学习都是这样,但这个问题在NMT上尤为突出。

67120

JavaScript转义字符串引号

定义一个字符串必须要用单引号或双引号来包裹它。 那么当你字符串里面包含引号 " 或者 ' 时该怎么办呢? JavaScript ,可以通过引号前面使用反斜杠(\)来转义引号。...JavaScript 字符串可以使用开始和结束都是同类型单引号或双引号表示。 与其他一些编程语言不同是,单引号和双引号功能在 JavaScript 是相同。...常见场景比如在字符串包含对话句子需要用引号包裹。 另外比如在一个包含有  标签字符串,标签属性值需要用引号包裹。...记住,一个字符开头和结尾处有相同引号。 要知道,字符串开头和结尾都有相同引号,如果在中间使用了相同引号,字符串会提前中止并抛出错误。...; 在这里 badStr 会产生一个错误。 在上面的 goodStr ,通过使用反斜杠 \ 转义字符可以安全地使用两种引号。 提示: 不要混淆反斜杠 \ 和斜杠 /。 它们不是一回事。

5.4K30

Netcat (nc): 强大网络工具

Netcat 简介 Netcat 是一个简单 Unix 工具,用于 TCP 或 UDP 协议上读取和写入数据。由于其简单、灵活特性,它经常被用于网络调试或者各种网络脚本。...这个参数使得 nc 连接建立后立即关闭连接,这对于检查端口开放情况非常有用。...例如,以下命令会检查 example.com 80 端口是否开放: nc -zv example.com 80 在这个命令: -z 参数使得 nc 连接建立后立即关闭连接。...echo "Hello" 产生了要发送数据。 持续发送数据 要使用 nc 持续发送数据,你可以将其与 yes 命令结合使用。yes 命令会持续输出一个字符串,直到被中断。...会持续产生 "Hello" 字符串,这个字符串会被 nc 持续发送到 example.com 12345 端口。

84030

前端构建工具gulpjs使用介绍及技巧

把目录切换到你项目文件,然后命令行执行: npm install gulp 如果想在安装时候把gulp写进项目package.json文件依赖,则可以加上--save-dev: npm...2、开始使用gulp 2.1 建立gulpfile.js文件 就像gruntjs需要一个Gruntfile.js文件一样,gulp也需要一个文件作为它文件gulp这个文件叫做gulpfile.js...新建一个文件名为gulpfile.js文件,然后放到你项目目录。之后要做事情就是gulpfile.js文件定义我们任务了。...如果出现在末尾,也能匹配文件。 ? 匹配文件路径个字符(不会匹配路径分隔符) [...] 匹配方括号中出现字符任意一个,当方括号第一个字符为^或!...用gulp.dest()方法写入文件时,文件名使用文件文件名,如果要想改变文件名,那可以之前用gulp-rename插件来改变文件文件名。

1.9K30

.NETC# 字符串暂存池

---- 字符串暂存池 .NET CLR 运行时会在运行期间管理一个字符串暂存池(string intern pool),字符串暂存池中字符串只有一个实例。...例如,在下面的代码,变量 a、b、c 都是同一个实例: 1 2 3 var a = "walterlv"; var b = "walterlv"; var c = "walterlv"; 我有另一篇博客说到了此问题...虽然 a、b、c 三个字符值都是相等,但 a、b 两个字符串是不同实例,而 a、c 两个字符串是相同实例。...我们使用了 string.Intern 方法从字符串池中取出了一个字符实例。 另外,string 类型还提供了 string.IsInterned 来判断一个字符串是否字符串暂存池中。...即便是在编译期间写下字符串也会在运行时生成新实例。 方法是一个 C# 代码文件添加特性标记。

22850

自动化构建:提高开发流程效率与质量关键工具

引言 自动化构建是现代软件开发不可或缺一环。它可以大幅提高开发流程效率、减少人为错误,并确保交付高质量软件。...1.2 自动化构建定义 自动化构建是指通过使用脚本、工具或自动化流程来执行构建过程,而不需要手动干预,从而提高效率和可靠性。 2....6.3 移动应用 移动应用开发,使用自动化构建来编译、打包和测试应用。 7. 自动化构建未来趋势 7.1 容器化构建 使用容器技术来执行构建任务,提高构建环境可复制性。...不论您是前端开发者、后端工程师还是移动应用程序开发人员,深入了解自动化构建原理和工具都将对提高工作效率和软件交付产生积极影响。...不断演进开发生态系统,自动化构建将继续发展,为开发者提供更多便利和支持。

46540

模块加载及第三方包

JavaScript使用时存在两大问题,文件依赖和命名冲突。 2 生活模块化开发 ?...1.3.第三方模块 1 什么是第三方模块 别人写好、具有特定功能、我们能直接使用模块即第三方模块,由于第三方模块通常都是由多个文件组成并且被放置一个文件,所以又名包。...Node.js,每次修改文件都要在命令行工具重新执行该文件,非常繁琐。...命令行工具执行gulp任务 8 Gulp中提供方法 gulp.src():获取任务要处理文件 gulp.dest():输出文件 gulp.task():建立gulp任务...": { "gulp": "^3.9.1“ } } 5 package-lock.json文件作用 锁定包版本,确保再次下载时不会因为包版本不同而产生问题 加快下载速度

1.8K30

JavaScript全栈开发-工具篇

构建工具 在前端开发过程,经常需合并文件、压缩代码、单元测试、检查语法错误等,需要用手工或不同工具来完成不同任务,重复劳动且耗时繁琐,而自动化构建工具可以帮我们自动管理和运行各种任务。...Gulp常用API -- gulp.src(globs [,options]):产生数据流。...插件支持安装方法Package Control安装插件"Gulp"。...1) 手机USB线连接PC,启用手机允许调试功能 2) PC上打开Chrome,并在地址栏输入 chrome://inspect,出现手机连接成功界面。如图一。...->代理服务器端口号输入Fiddler8888端口->存储 3) 在手机浏览器打开网页,Fiddler可看到手机http请求 注意事项: 1) 手机和PC都连接同一个wifi网络确保PC和手机同一个网段

1.5K20

gulp源码解析(二)—— vinyl-fs

上期文章: gulp源码解析(一)—— Stream详解 gulp 之所以性能上好于 grunt,主要是因为有了 Stream 助力来做数据传输和处理。...那么我们不难猜想出, gulp 任务gulp.src 接口将匹配到文件转化为可读(或 Duplex/Transform)流,通过 .pipe 流经各插件进行处理,最终推送给 gulp.dest.../js/**/*.js”,另外百度百科“glob模式”描述是这样: 所谓 GLOB 模式是指 shell 所使用简化了正则表达式: ⑴ 星号(*)匹配零个或多个任意字符; ⑵ [abc]匹配任何一个列方括号字符...只匹配一个任意字符; ⑷ 如果在方括号中使用短划线分隔两个字符,表示所有在这两个字符范围内都可以匹配(比如 [0-9] 表示匹配所有 0 到 9 数字)。... vinyl-fs ,是使用 glob-stream 通过算法(minimatch)来解析 GLOB ,它会拿符合上述 GLOB 模式规范 pattern 参数去匹配相应文件

89370
领券