引言 gulp是用于前端自动化构建的，方便前端进行即时开发的工具 自动化构建所需的插件 在项目路径下使用 npm init初始化之后，将下面需要安装的依赖复制到package.json文件中 "devDependencies...在复制到package.json文件中后，使用npm install命令，npm会下载devDependencies中对应版本号的依赖文件，这里只是完成了本地的安装，此时如果运行 gulp命令可能会报一些错误...， 大概率是因为没有安装对应全局的插件，或者本地安装的插件和全局安装的版本号不一致 如果没有安装对应全局和本地的插件，则使用命令安装(以版本号2.24.4的browser-sync为例) npm install...()); }); //监听处理css的任务 gulp.task('css',function(){ gulp.src(paths.css+"*.scss") .pipe(sass().on('error...':"./" } }); }); //创建一个默认的任务 gulp.task('default',['bs','watch']); 使用gulp命令开启default默认任务之后，此时更改src
安装完gulp环境，并且配置好gulpfile.js，执行静态文件压缩和代码混淆时，出现如下错误： Error: Cannot find module 'gulp-clone' Error: Cannot...('images-min',['image-min','image-min2','image-min3'],function() {}) //监听两个文件的文件变化 gulp.task('listenPages...，但是依然会报错，gulp命令可以直接运行，就是配置项中的几个模块无法执行。...后来又看了一下报错，既然缺少模块，是不是我没有安装啊，这样一想，再去查构建目录，果然是没有安装这些模块，我以为安装gulp后就完事儿了的。...根据gulpfile.js配置项中需要的模块依次安装gulp-clone、gulp-htmlmin、gulp-uglify等模块即可。 执行任务正常
windows是命令提示符（window + r 输入cmd回车） 3、使用npm（nodejs的包管理器），或选装cnpm执行npm install cnpm -g --registry=https:...--save-dev（根据package.json的配置，安装组件到项目） 若忽略第五步，则这里只执行：(c)npm install gulp --save-dev（仅安装gulp到项目） 7、...安装需要的gulp组件（绿色部分为需要安装的组件）另sass编译需提前安装ruby。...gulp.src('style/**/*.scss')//表示css及子文件夹中的所以文件 24 .pipe(sass()) 25 .pipe(autoprefixer...gulp.src('css/*.css') 41 // .pipe(spriter({ 42 // // 生成的spriter的位置 43 //
/widget' } }; 接下来就是使用 gulp 对 js 文件进行打包，用到的是「gulp-requirejs-optimize」，由于项目是多入口文件，所以需要批量打包，打包的代码如下：...刚开始想实现浏览器 F5 自动刷新使用到的是 grunt 和 livereload 插件，gulp 也有对应的方法，参考 gulp 教程之 gulp-livereload。...还有，由于项目原因，开发的时候不能使用到 127.0.0.1 ，想换成 php 配置的域名怎么做？...基于 gulp 的前端构建 之前使用 Grunt 时总结了一篇「基于 Grunt 的前端构建」。...在使用了 Grunt 的一段时间后，我发现了 gulp 的运行速度比 Grunt 快很多，于是便从 Grunt 转移阵地到了 gulp。以下的构建思路跟 Grunt 的构建很类似。
由于按键式的耳机不能体现耳机“高大上”的感觉，所以现在新款 TWS 耳机普遍使用触控的方式来进行操作。然而触控的体验却无法令人满意，有的很容易误触，有的很迟钝，怎么触摸都不行，让人尴尬； 声音延迟。...品牌介绍 提到 jeet，大家可能不熟悉，但是如果提到泰捷，大家一定会恍然大悟，那个大名鼎鼎的电视盒子。是的，jeet air plus 就是泰捷旗下 jeet air 真无线耳机的升级款。...从厂家提供的资料上来看，比起上一代 jeet air 还要小上 25%。看来厂家确实在体积控制上下了功夫。 ? air plus 使用了一体胶圈硅胶耳塞，这个设计笔者还是头一次见到。...听感评测 笔者依然使用了御用歌曲《英雄的黎明》来进行评测。 ? 使用 jeet air plus听这首歌曲，第一感觉就是层次感丰富了许多。鼓声、琵琶声、笛声，前后远近的距离层次很明显。...值得注意的是，这款耳机并不是采用触摸操作。而是使用了加速度感应的敲击操作。这样的操作方式既规避了按键式耳机的低端感，又解决了触摸式耳机容易产生的误触，在这点上厂家还是很机智的。
gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率...gulp是引入开发过程中的一些小工具，生产模式不需要gulp 本示例以gulp-less为例（将less编译成css的gulp插件）展示gulp的常规用法，只要我们学会使用一个gulp插件后，其他插件就差看看其帮助文档了...2、首先确保你已经正确安装了NODE环境，然后以全局方式安装gulp npm install -g gulp 全局安装完gulp后，还需要在每个要使用gulp的项目中单独安装一次，把目录切换到你的项目文件夹中.../%E5%9C%A8gulp%E4%B8%AD%E4%BD%BF%E7%94%A8browsersync/ browsersync使用 gulp是引入开发过程中的一些小工具，生产模式不需要gulp http...://www.gulpjs.com.cn/ 具体使用请看这个网站教程 3、在自己的项目目录下再安装一下gulp,并且写进package.json文件中，在项目目录下没有package.json需要先使用
如何使用flask的 @app.register_error_handler 装饰器 @app.register_error_handler 是 Flask 中的一个装饰器，用于注册一个错误处理函数。...(error): return jsonify({'message': str(error)}), 404 def handle_type_error(error): return jsonify...(TypeError, handle_type_error) if __name__ == '__main__': app.run() 与 @app.errorhandler 不同的是，我们使用...注意事项 需要注意的是，与 @app.errorhandler 不同的是，@app.register_error_handler 可以注册多个处理函数来处理不同类型的异常。...如果同一个异常类型在多个处理函数中都有对应的处理方式，最后一个处理函数会生效。 如果一个异常类型没有对应的处理函数，Flask 会使用默认的错误处理方式。
但如果使用Express+ejs+less的话，配置webpack非常繁琐，所以，一番折腾后，于是有了Express+Less+Gulp的配置方案，效果见下图，项目地址：https://github.com.../ycjcl868/Express_Gulp [image.gif] 目的 我使用Express+Ejs+Less开发，想开发时对所有资源进行压缩并同步到浏览器端，Google搜索一遍，都不是太符合我的项目要求...//压缩图片 // 如果想对变动过的文件进行压缩，则使用下面一句代码 // .pipe(cache(imagemin({ optimizationLevel: 3, progressive...','js','img'],function () { }); gulp.task('default',['browser-sync'],function(){ // 将你的默认的任务代码放这...，使用时先运行gulp build将文件压缩、打包、编译，然后再执行gulp开启自动更新服务器。
在使用gulp当中，自动生成的node_modules文件夹，因为文件目录层级太深，无法系统删除，用360粉碎工具也报错 解决方法： 使用npm中的插件rimraf，专门用于删除的模块插件 1、安装...：npm install -g rimraf（全局安装） 2、使用：先定位目标文件夹的父级目录，然后命令行输入rimraf ***（***为需要删除的文件夹名称）， 案例：（命令行操作，删除gulptest...下的node_modules文件夹） ?...整个node_modules文件夹被删除的干干净净，也不会报目录太深的错了，大功告成，撒花~
一般这种情况是因为gulp版本引起的。...也有其他解决方法，详见参考文章2. npm install --save-dev gulp@3.9.1 npm install -g gulp@3.9.1 参考文章： gulp和gulp-cli的区别...Gulp error: gulp.hasTask is not a function Mismatch in gulp local and CLI versions 2. gulp-uglify压缩js...报错提供的行号不一定准确，只能自己找到使用ES6语法的位置，改成ES5。 解决方法： 把ES6代码替换成ES5代码。...4. gulp-htmlmin 报错内容： throw er; // Unhandled 'error' event ^ Error: Parse Error: <= 95% </spa<div 问题分析
error: file_write: write: No space left on device. *** 背景 同事使用服务器的时候，发现有个问题，就是编译的时候没有任何问题，就是在打包的时候，无论如何都不成功...从提示的错误信息来看，是磁盘空间已满，但是用 df 一看磁盘，还有 10TB+ 的空间，因此就没有下文了。 root cause 从详细的错误信息来看，提示了没有足够的空间。...Extracted DST_PARTITIONS[boot]: 31457280 bytes Converting Android sparse image system.img to RAW. error.../tmp/targetfiles-SHfgHl/SYSTEM/app/speech-dialog/speech-dialog.apk: write error (disk full?)....如果 tmp 下面的文件不是很多，建议看看其他家目录等下面是否有大文件，不需要的删除即可。还有就是有条件的，网上比较通用的解决办法就是扩容！ 小结 出现问题，从错误信息入手，找到根本原因，解决问题。
突然发现在我博客文章中，缺少这一块的记录，那我就补一篇吧。...gulp的环境配置和安装：http://www.cnblogs.com/padding1015/p/7162024.html 这里就补充一篇gulpfile.js的配置，用于自动化编译sass和pug文件用....pipe(plumber({errorHandler: notify.onError('Error: ')})) 38 .pipe(sass({outputStyle...47 gulp.task('default', ['watch', 'pug' ]); 没有热更新和浏览器自动刷新功能，只是适用于编译sass和pug，并且有持续监听、不断开gulp的功能、还有pug...声明： 请尊重博客园原创精神，转载或使用图片请注明： 博主：xing.org1^ 出处：http://www.cnblogs.com/padding1015/
在centos系统上，在使用yum命令安装软件包时候报错： error: rpmdb: BDB0113 Thread/process 2229/140657048729600 failed: BDB1507...Thread died in Berkeley DB library error: db5 error(-30973) from dbenv->failchk: BDB0087 DB_RUNRECOVERY...: Fatal error, run database recovery error: cannot open Packages index using db5 - (-30973) error:...cannot open Packages database in /var/lib/rpm CRITICAL:yum.main: Error: rpmdb open failed 原因是RPM数据库被破坏
本文将会介绍如何使用gulp4来搭建项目脚手架，如果您还在使用gulp3或更老的版本，您也以通过本文的一些思想将之前的项目进行完善，更新。...使用 gulp-less ——将less编译成css gulp-file-include ——用于文件模块化导入，如用include的方式导入公共部分 gulp-connect ——用于启动本地服务器...我的设计是如果项目使用node等服务层框架，我们可以用gulp一并打包放入dist下，这样dist就是一个完整的包括前后端服务的项目目录了，当然大家也可以直接将src打包后的文件和文件夹直接放到dist...（https://github.com/MrXujiang/gulp4_multi_pages） 最后 该脚手架任然有需要完善的地方，比如如何兼容uglify和babel,md5需要使用两次的情况，如果更好的解决方案...在脚手架选型上，也不一定非要用gulp，webpack，一般的经验是传统型的静态网站适合用gulp，由于不需要编译es6，所以有更小的体积，当然也可以用webpack，本文主要是给大家提供一使用gulp4
1.安装gulp，需要使用node安装，查看node版本 node -v npm install -g gulp 可能会报错 屏幕快照 2019-04-04 上午10.59.45.png 使用sudo...configure error gyp ERR!...stack Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/gulp/node_modules/fsevents.../.node-gyp' 屏幕快照 2019-04-04 下午10.38.35.png sudo npm install gulp --unsafe-perm -g gulp -v 屏幕快照 2019-...gulp 继续报错 屏幕快照 2019-04-04 上午11.03.46.png npm install laravel-elixir-compress gulp 一般来讲这就成功了，不过可能会出现下面这个错误
目标 在使用微应用中， 通常子应用都是基于一套技术栈开发。其中就包括ui组件，很多二次封装组件需要在各个子应用中使用到。 所以将这些公共组件独立出来，作为第三方库使用。..., 这里我们使用了Ts 所以除了打包资源文件外，还需要生成对应的 file.d.ts 类型定义。...('error: ', stderr) cb(err) }) } // 配置对应的命令任务 exports.types = gulp.series(compileDTS) exports.buildLib...vue-cli 的预设配置打包出自己的ui组件库， 使用gulp导出类型定义。...可以看到通过gulp我们可以分离 ts 编译文件 和 类型定义文件，只生产我们所需的目标文件。
这个组件的是通过websocket建立服务端和客户端的连接的，但是它没有监听error事件，如果我们不开启服务端，只是单纯的运行项目，不好意思它就连不上服务端就报错了！...运行 使用npm run hot即可运行项目 npm run hot 经测试 修改主进程文件，会自动重启窗体； 修改HTML/CSS文件，会自动刷新页面； gulp+electron-reload...(推荐) 相比直接使用electron-reload,这个增加了监听源代码变化自动webpack的功能。...这样的好处 需要热加载的时候我们再启动npm run hot 不同逐个添加要更新的窗口 当然我们也可以在gulp中启动electron，可以使用electron-connect或自己实现 自己实现的效果不是特别好...，比如显示的log会在弹出的命令框中，停止项目，窗口依旧不会关闭，所以还是推荐使用electron-connect 启动Electron的示例代码： function start_electron()
本文内容概要： 1 什么是Gulp 2 Gulp VS Grunt 3 Gulp的安装与使用 4 命令行的简单介绍 1 什么是Gulp Gulp是一个前端自动化构建工具，在项目开发过程中，开发工程师可以使用它自动化地完成...Gulp.js和用来定义任务的 Gulp的配置文件都是通过 JavaScript来实现的，便于开发工程师快速掌握Gulp。 我们将学习如何使用Gulp来改变开发流程，从而使开发更加快速高效。...）； 3 Gulp的安装与使用 在学习Gulp之前，先给大家大致的介绍一下Gulp的安装与使用。...首先当然要先安装Node.js，通过Node.js全局安装Gulp和项目安装Gulp，其次在项目里安装需要使用的Gulp插件，然后新建Gulp的配置文件gulpfile.js来定义Gulp要处理的操作/...双击安装包，一直下一步即可，Node.js会自动把环境变量配好~ 如果你使用的是Windows8的话，有可能报错。error 2502，error2503错误原因是你的权限不够。
在实习的公司做web开发，gulp 是经常用到的，可是我做的不仅仅的前端，还包括后台， 所以将前端文件移至后台这种事当然也需要我做啦，用gulp，但是，文件移至后台目录后，资源文件的路径必须修改， （我做的后台的是用...express做的），一时间，没有找到适合的插件，于是我萌生了自己开发一下gulp插件的想法。...this.push(file); cb(); }); }; 以上两步就是开发gulp插件的步骤了 gulp-url-replace 核心逻辑 //正则保存的数组...注意点 gulp的流处理是逐个处理的 例如 gulp.src('./1.txt,./2.txt') .pipe(replace()) ......那么 replace() 就会执行两次，两次传入的 file 分别是 1.txt和2.txt， 而不是两个文件一起传进来 使用 npm install gulp-url-replace --save-dev
图片 rules 使用 0, 1, 2 来代表规则启用状态不同，具体的规则可在 Rules.md 中查找，当然，如果你觉得手动配置规则太麻烦，也可以直接使用 stylelint 官方的配置文档 "...，而 vinyl-source-stream 把普通的 Node Stream 转换为 Vinyl File Object Stream，我们在之前的文章有提到过，Gulp 使用的 Stream 并不是普通的...message: "" }).apply(this, args); // Keep gulp from hanging on this task...图片 喜欢使用 ES6 的童鞋一定不能忘了引入 gulp-babel 插件 // babel.js const gulp = require('gulp'), babel...html 文件进行测试，也可以使用代理服务器，来对 php 文件进行测试，而我们在这里使用的静态服务器 // browser-sync.js const gulp = require('
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
