关于升级还是不升级,这是一个哲学问题. gulp4的语法更加现代,支持ES6的大部分写法,使用exports的方式去暴露任务组合,更加灵活和便捷. gulp4同时也提供了很多强大的API,例如parallel()和series().此外,gulp4不再支持同步任务,所以可以看到编写任务的时候也不再推荐使用.task()方法去编写,而是独立定义一个函数方法,然后用return去返回一个回调函数的结果.例如一个处理的css的任务,定义如下. function minHeaderCss() { //

Ionic是一个前端的框架,帮助开发人员使用HTML5, CSS3和JavaScript做出原生应用. ionic的理念类似前端开发的BootStrap,目标是封装HTML5移动跨平台开发的最佳实践.就像Twitter Bootstrap在前端开发中做的一样. Ionic框架眼下发展非常迅速.我们从2014年3月開始使用,当时是1.0.0beta2,如今已经更新到1.0.0beta10,大概每2个星期会出一个beta版本号,而且都包括实质性更新.Ionic框架非常先进,js部分是基于Angula

问题描述 在执行grunt 命令时候报错 contextify::ContextifyScript::New(const FunctionCallbackInfo<v8::Value> &): Assertion `args[1]->IsString()' failed. 解决 1)安装Gulp 4并升级您的gulpfile.js更多关于更改的信息可以在本文中找到 或者 2)将node.js版本降级到LTS 8.x,直到Gulp 4作为默认npm包发布为止. 自己选择的是node

今天使用gulp时 ,出现了以下报错信息: Error: Cannot find module 'internal/fs'at Object.<anonymous> (/home/XXX/gulpide/node_modules/gulp/node_modules/vinyl-fs/node_modules/graceful-fs/fs.js:11:1) 疑问为什么五一前没多久使用还正常,后来发现是同事升级了node版本(>=7.0),导致相关依赖导致报错.解决方法是升级相关依赖  gr

http://stackoverflow.com/questions/40308623/cannot-find-module-internal-fs-afer-upgrading-to-node-7 1. 删除node_modules 2. npm cache clean 3. npm install 4. gulp alljs 搞定!

相关连接导航 在windows下安装gulp —— 基于 Gulp 的前端集成解决方案(一) 执行 $Gulp 时发生了什么 —— 基于 Gulp 的前端集成解决方案(二) 常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案(三) 构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案(四) 一.准备工作 1.什么是 npm? npm 是 nodejs 的包管理工具,主要功能就是管理.更新.搜索.发布node的包.Gulp 就是通过 NPM 安装的.关于 NP

国庆节前Ionic2发布了RC0版本,已经接近正式版了,前不久Angular2和TypeScript2也已经发布了正式版.详情请参考官方博客: http://blog.ionic.io/announcing-the-ionic-2-release-candidate/ 这次升级提高了一定的性能,引进了Angular2的一些新特性,如@NgModule.支持AoT编译(Ahead of Time)等,项目结构也发生了变化.所以需要花一点时间把beta版本的项目升级到RC0,相对于提升的性能来讲,还

写这篇文章的目的是为了以后的项目中懒得再去配gulp,直接可以拿这篇博客中的来用,因为有时候配置还是挺烦人的. gulp相关插件的介绍 用法比较简单,假设大家都会用gulp,下面主要介绍一下一些插件的用途 1.del 删除文件,用于清空文件 2.browser-sync 用于自动刷新浏览器,从此再也不用F5手动刷新了 3.gulp-htmlmin 用于压缩html 4.gulp-clean-css 压缩css 5.gulp-uglify 压缩js 6.gulp-replace 替换路径 7.gu

笔记: new webpack.optimize.CommonsChunkPlugin 核心作用是抽离公共代码,chunks:['index.js','main.js'] 另一个作用就是单独生成一个js文件.使用 filename:'index.js' ,作用其实类似于entry.所以不推荐使用 demo1: 下载 npm install -g gulp npm install gulp --save-dev 新建gulpfile.js文件 var gp=require("gulp")

接上篇文章接Gulp使用小结(一) 内容如下: 首先,偶在gulp-demos上已经提交了个较通用的栗子...俺琢磨半天,原准备分阶段搞些 Gulp 套路,但是写完介个栗子之后,觉得已经能覆盖绝大多数的场景了(懵逼脸.gif).算哒,当偶偷懒就酱吧,一个套路打天下:) 然后,聊聊这篇值得思考的文章<我为何放弃Gulp与Grunt,转投npm scripts> 上 中 下, 英文原地址奉上:<Why I Left Gulp and Grunt for npm Scripts> 最后,

之前的项目一直采用grunt来构建,然后用requirejs做模块化,requirejs官方有提供grunt的插件来做压缩合并.现在的项目切到了gulp,模块化用起了seajs,自然而然地也想到了模块合并压缩的问题.然后一开始在解决这个问题的时候,并不是很顺利,在npm上并没有那种特别流行的专门用来做seajs合并压缩的gulp插件,虽然在seajs的github上也看了不少的issue,但是大多数都是只能将所有的模块文件合并成一个总的文件,这对于单页面的应用来说肯定没有问题,但是对于多页面的应

关于node.js和npm,cnpm的安装记录以及gulp自动构建工具的使用   工作环境:window下 在一切的最开始,安装node.js (中文站,更新比较慢http://nodejs.cn/)(外文站,最新的资料,但是打开可能比较慢https://nodejs.org/en/download/) 这里是一篇知乎的关于node.js是什么的文https://www.zhihu.com/question/33578075 简单的来说,它是JavaScript运行环境.更加深入,无法理解事件:

前言: 在我前面的博客,angular项目总结——angular + browserify + gulp + bower + less 架构分享  把我开发angular的架构进行了分享,并上传到了github https://github.com/zimv/zmNgFrameWork . 而后我又在我的 gulp系列 里分享了 gulp-rev:项目部署缓存解决方案----gulp系列(六) ,也更新了github上gulpStart的rev分支 https://github.com/zimv

如标题所述,这篇博文是说scss以及gulp发布方式: 如果你没用过scss和gulp或不甚了解,你可以看看这篇博文,叙说的水平有限,各位看官大神见谅: 说scss之前,先来说说sass,sass是一种CSS的开发工具(前面的scss和less都是),提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护:我们都知道css不是一种编程语言,它只能定义描述样式,无法像编程语言一样继承和编译,而sass给我们提供这样一种便利,或者说它就是这样设计诞生的,sass中可以写入变

本人就职于一家互联网小公司,根据自己的项目纪录一下常用的gulp插件,项目不是很大! 文章目录 1. gulp-load-plugins 2. yargs 3. del 4. gulp-filter 5. gulp-header 6. run-sequence 7. gulp-uglify 8. gulp-minify-html 9. npm-check-updates 10. 待完善…… gulp-load-plugins 此插件的功能主要搭配 package.json 文件中声明的依赖使用.

https://segmentfault.com/a/1190000003060016 离开qunar有一个多月了,在离开的时候就决定不再用fekit.做出这个决定并不是因为fekit不好,恰恰相反,fekit帮我们做了很多事情,还屏蔽了许多细节,让开发人员能够专注于开发过程.不过随着fekit的升级,也出现了一些问题,同时fekit和公司业务及发布流程有一定耦合,所以觉得采用开源的构建方案. 在使用gulp的过程中,基本也是依据使用fekit的思路来逐步完善构建过程的,所以还是要感谢fekit

一.前言 node从v0.10.26升级(为了匹配autoprefixer)到v5.3.0后出现了gulp插件兼容问题,在nodejs下各种新的插件出现问题,需要重新配置.livereload实现chrome自动刷新需要安装插件,偶尔被墙不是很方便.用webserver搭配livereload,可以实现本地(不需要apache服务器)服务器式文件自动刷新预览,所见即所得,so酷~!配合sublime text3 (大量的最新插件已经开始以3为基准)简直是神器 二.下载 现在很多插件描写的博文都是

web前端菜鸟如何升级到大神(转载) 标签:web前端 随着互联网的发展速度迅猛,web前端工程师越来越火热,想学习 Web前端开发 吗 ? 若想成为web前端工程师需要掌握哪些知识?今天小编总结了成为web前端工程师需要掌握的所有知识. 一.基础 1.H5标签 1.1.H5引进的一些新的标签,需要注意article.header.footer.aside.nav以及HTML的标题结构 1.2.理解浏览器解析HTML的过程,理解DOM的树形结构,及相应API 1.3.理解HTML标签在各个浏览器

写在前面 omi-cli是Omi的命令行工具.在v0.1.X以及之前版本中,生成出来的项目脚手架 是基于webpack1的.由于: webpack1不支持tree-shaking,webpack2 支持tree-shaking webpack1不支持 sass-loader,webpack2 支持sass-loader tree-shaking 作用是移除没有使用的代码有效的减小包体积 sass-loader 可以让你把sass转成css,在omi项目里可以把sass转成组件的局部CSS 所以,

以这次学习gulp为契机来同时了解和学习node相关的知识和概念,比如 npm,package.json等,为以后学习node打好基础. 目录   npm     查看模块     安装模块     卸载模块     更新模块     搜索模块     npm配置     查看版本     帮助   package     创建package.json     package.json的标准格式     依赖下载   gulp     安装gulp     gulpAPI         src

Gulp安装流程.使用方法及CMD常用命令导览 来自前端小白的gulp及周边知识学习总结 一.名词介绍: Npm--node包管理工具 一开始我不理解,包管理工具是什么鬼.后来用到的gulp也好,gulp的插件包也好,都是要在npm这个里边弄出来的. 可以理解为,一个硬盘,里边放的各种整理好的.适用于各种功能的且不重复的文件夹(插件),然后我们需要啥,就去里边摘下来. 当然也可以用它来删除插件 //反正基于他的命令语句就有很多,常用的我先搞到这里 //其他相应的放到相应上下文中好了,本来打算单独