首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

使用 Make 构建网站

(2)兼容性问题 插件的版本,必须与Grunt和Gulp的版本匹配,还必须与对应的命令行程序匹配。...相比之下,Grunt和Gulp的历史都不长,使用范围有限,目前还没有出现它们能做、而make做不到的任务。 基于以上理由,我看好make。 二、常见的构建任务 下面是一些常见的网站构建任务。...SHELL变量指定构建环境使用BASH。 四、检查语法错误 第一个任务是,检查源码有没有语法错误。 js_files = $(shell find ....$ make test 十一、多任务执行 构建过程需要一次性执行多个任务,可以指定一个多任务目标。...$ make 通常情况下,make一次执行一个任务。如果任务都是独立的,互相没有依赖关系,可以用参数 -j 指定同时执行多个任务

3.2K40

JavaScript全栈开发-工具篇

构建工具 在前端开发过程中,经常需合并文件、压缩代码、单元测试、检查语法错误等,需要用手工或不同的工具来完成不同的任务,重复劳动且耗时繁琐,而自动化构建工具可以帮我们自动管理和运行各种任务。...Grunt模块说明 在项目目录安装Grunt及常见的Grunt插件:  grunt-cli为grunt的命令行界面,主要向Grunt传递Gruntfile配置信息,然后执行Grunt来完成配置文件中指定任务...多次调用dest将多次输出到多个目录,目录不存在则创建 -- gulp.task(name [,deps], fn):指定任务名及任务函数来定义任务。default为Gulp默认执行的任务。...2.3 Gulp运行 1) 运行方式1:Gulp命令行方式执行 项目根目录,执行gulp命令,命令格式:gulp ,未指定任务名,执行所有任务。...-- NodeJS系统自带的Assert模块能满足NodeJS简单测试断言的需求。

1.5K20

第三方模块

下载nrm第三方模块时会出现以下错误 错误情况: 执行命令npm install nrm -g下载完nrm模块后查询下载地址列表会报错,无法加载文件,因为在此系统上禁止运行脚本。...const gulp = require('gulp'); //使用gulp.task()方法建立任务 第一个参数是任务名称,第二个参数是回调函数 //执行时在命令行窗口输入gulp 任务名称...此时需在回调函数里添加结束回调done const gulp = require('gulp'); //使用gulp.task()方法建立任务 gulp.task('first', (done) =>...'); //使用gulp.task()方法建立任务 // 1.任务名称 // 2.任务回调函数 gulp.task('first', done => { // 获取要处理的文件到src...'copy']);此代码执行会报以下错误,需添加gulp.series()将任务函数组合操作 gulp.task('default', gulp.series(['first', 'htmlmin'

1.1K20

Gulp 前端自动化构建工具

,在操作上使用了 NodeJS 中的 stream (流),通过 pipe() 方法导入到指定的地方,将前一级的输出,作为后一级的输入,不再需要进行频繁的 IO 操作,但需要注意的是,这里的流内容,并非原始的文件流...{ "name": "gulp-niangao", //项目名称(必须) "version": "1.0.0", //项目版本(必须) "description": "This is for study...gulp-less 为例,npm install gulp-less --save-dev,同样的,Mac 用户要是提示权限错误,加上 sudo 指令即可接下来我们新建一个 gulpfile.js 文件...less 的任务,以实现不同的需求,当任务有多个,为实现某一需求而运行所有任务显然是不可取的,我们可通过 gulp + 任务名的方式来运行指定任务,而不会触发其他任务除了我们定义的 less 任务外...,我们还定义了一个 default 默认任务,这对 Gulp 来说是必须的,当我们输入 gulp 命令时,将会自动执行 default 任务,在上面这个例子中,我们先是执行了 less 任务,再执行了

1.7K41

Gulp折腾之路(II)

超级有用的类库;众所周知js是单线程的,运用此类库可以: 保证任务按顺序执行,让gulp任务,可以相互独立,解除任务间的依赖,增强task复用;对于复杂的操作非常有用;安装: npm install...【用del rd命令都不足以删除之,我屮艸芔茻,醉了~】; del : 指定的路径或文件名太长,或者两者都太长。...完全限定文件名必须少于 260 个字符,并且目录名必须少于 248 个字符。 [Y] 是(Y) [A] 全是(A) [N] 否(N) [L] 全否(L) [S] 挂起(S) [?]...帮助 (默认值为“Y”): A rd : 指定的路径或文件名太长,或者两者都太长。完全限定文件名必须少于 260 个字符,并且目录名必须少于 248 个字符。...; 这里折腾起来没遇到什么问题;当然这里需要配置API Key;需要去tinypng开发者https://tinypng.com/developers,获得一个合法的API Key;否则运行会出现如下错误

1K50

Gulp安装流程、使用方法及cmd常用命令导览

gulp.task(‘taskName’,function(){   });//定义一个task任务,名字为taskName:(这里是你自定义任务名称)、设置一个回调函数。...回调函数里边定义要处理的任务 任务呢就像火车一样,一环扣一环用点连接,最后一个才有分号结束。...default任务下的回调函数。...同样的,如果你default任务的task参数里边,有方括号设定其他依赖任务的顺序,那么他执行完default任务的回调函数后,会按照你指定的方括号里的任务名字顺序来执行。...//然后在命令行里直接执行gulp,不用填写执行的任务名字,他就可以自动执行默认的task,然后转向指定的其他依赖的task了、。 //可以比喻成你设置一条流水线作业吧。

2.3K60

Node.js基础

注意: 读取文件是硬盘的操作,需要耗时,我们需要回调函数的方式获取文件读取的结果 这个回调函数包含两个参数 err,doc err是一个对象,包含错误信息 如果文件读取出错,返回err,错误信息...在命令行工具中执行gulp任务 6.8 Gulp中提供的方法 gulp.src(): 获取任务要处理的文件 gulp.dest(): 输出文件 gulp.task(): 建立gulp任务...此时需在回调函数里添加结束回调done const gulp = require('gulp'); //使用gulp.task()方法建立任务 gulp.task('first', (done) =>...'); //使用gulp.task()方法建立任务 // 1.任务名称 // 2.任务回调函数 gulp.task('first', done => {    // 获取要处理的文件到src    ...console.log('第一个gulp任务');    gulp.src('.

1.7K20

适用于所有数字芯片工程师的SystemVerilog增强功能

这种对变量的限制往往是编译错误的来源。在创建module时,设计者必须首先确定信号将如何接收其值,以便知道要使用什么数据类型。如果设计功能的建模方式发生变化,通常需要更改数据类型声明。...当指定priority决策修饰符时,所有工具都必须保持源代码的决策顺序。 当指定unique决策修饰符时,工具可以优化决策顺序。然而,如果工具确定两个代码分支可能同时为真,则所有工具都需要报告错误。...如果代码与意图不匹配,则可以生成错误或警告。 13.task和function增强 SystemVerilog为Verilog任务函数结构增加了一些增强功能。本文只提到了其中两个增强功能。...Void functions:Verilog语言要求函数具有返回值,并且函数调用接收返回值。 SystemVerilog添加了一个void数据类型,可以指定函数的返回类型。...空函数任务的区别在于,函数有几个限制,例如不允许时间控制。这些限制有助于确保函数中的逻辑将正确综合。通过使用空函数而不是任务进行建模,工程师可以更有信心他们的模型将正确综合。

11910

武装你的小程序——开发流程指南

在sass中,import除了能引入css外,也可以引入变量,函数。...因此,我们在处理的时候也需要注意区分,变量和函数最好有一个独立的文件目录存放,并且在import的时候,对于变量和函数,是必须交给sass处理的,也就是不能注释掉。...完整实现支持scss思路如下: 指定文件处理目录 gulp-replace通过正则匹配@import语句将其注释 判断当前@import语句是否存在于变量和函数文件的配置路径中 不存在就注释,存在就跳过...拷贝其余页面,注意要排除scss文件,或者使用gulp-clean清理无用文件 ? 建立监听任务 ? 创建默认执行任务 ?...需要支持的功能 请求方式 参数传递 成功回调 失败回调 是否开启mock数据 请求时是否展示loading 请求错误时是否展示toast 代码实现 ? ? ?

3.9K40

gulp自动化打包(上)

gulp插件(也是此次打包主要用的gulp插件),而下篇主要以一个demo项目为例,从本地checkout出合适的git版本,压缩、合并、到最后打成zip包,发送至指定目录,做一个全面的演示。...的js文件,如果两个都含有同一任务,不特殊说明的话,命令行只执行文件名为gulpfile.js的任务),在命令行输入 npm install gulp --save-dev(之前没有安装过gulp的话...output:传递你一个对象去指定输出的选项,个人理解是定制化的去压缩,传递一个参数对象,否则执行默认的参数。...服务器,这边有5个参数是必填的,分别为: host:服务器地址(必须) port:服务器端口(必须) user:ftp账户(必须) // 如果FTP没有访问限制,可以不填 pass:ftp...任务的插件,在实际场景中,不允许我们同时跑很多任务,因为任务之间往往是相互依赖的,此时run-sequence就是一个很好的选择,他可以让多个任务按照写入顺序执行,同时可以控制哪些任务并行跑,哪些按照顺序跑

1.7K30

武装你的小程序——开发流程指南

在sass中,import除了能引入css外,也可以引入变量,函数。...因此,我们在处理的时候也需要注意区分,变量和函数最好有一个独立的文件目录存放,并且在import的时候,对于变量和函数,是必须交给sass处理的,也就是不能注释掉。...完整实现支持scss思路如下: 指定文件处理目录 gulp-replace通过正则匹配@import语句将其注释 判断当前@import语句是否存在于变量和函数文件的配置路径中 不存在就注释,存在就跳过...拷贝其余页面,注意要排除scss文件,或者使用gulp-clean清理无用文件  ? 建立监听任务 ? 创建默认执行任务 ?...可以统一进行错误拦截处理,如全局登录状态判断,特殊code码的处理... 可以根据配置自适应请求环境,如Mock,Dev,Test, Slave,Prod...

2K30
领券