gulp

Deleting files in a gulp task

本秂侑毒 提交于 2020-01-11 03:27:27
问题 I have a gulp task in which I want to take some source files and copy them to build/premium and build/free and then remove some extra files from build/free . My attempt at that was doing this: gulp.task("build", ["clean"], function () { gulp.src(["src/*", "!src/composer.*", "LICENSE"]) .pipe(gulp.dest("build/premium")) .pipe(del(["build/free/plugins/*", "!build/free/plugins/index.php"])) .pipe(gulp.dest("build/free")); }); Which results in an error: TypeError: dest.on is not a function at

Deleting files in a gulp task

空扰寡人 提交于 2020-01-11 03:27:06
问题 I have a gulp task in which I want to take some source files and copy them to build/premium and build/free and then remove some extra files from build/free . My attempt at that was doing this: gulp.task("build", ["clean"], function () { gulp.src(["src/*", "!src/composer.*", "LICENSE"]) .pipe(gulp.dest("build/premium")) .pipe(del(["build/free/plugins/*", "!build/free/plugins/index.php"])) .pipe(gulp.dest("build/free")); }); Which results in an error: TypeError: dest.on is not a function at

Gulp: Getting Started

妖精的绣舞 提交于 2020-01-11 00:58:05
https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md 1. Install gulp globally: $ npm install --global gulp 2. Install gulp in your project devDependencies: $ cd C:\Work\MyProject $ npm install --save-dev gulp 3. Install gulp-concat $ npm install --save-dev gulp-concat 4. Create a gulpfile.js at the root of your project: var gulp = require('gulp'), concat = require("gulp-concat"); gulp.task('packScripts', function() { gulp.src('Scripts/*.js') .pipe(concat('all.js')) .pipe(gulp.dest('Scripts')); }); gulp.task('packStyles', function() { gulp.src('Content/*.css') .pipe(concat('all

gulp学习

徘徊边缘 提交于 2020-01-10 17:27:17
gulp运行的命令(项目构建工具) gulp 任务名 gulp 是默认的任务, 1.引入的插件是方法,直接用方法调用‘ 2.gulp自带有内存,pipe方法就是数据流的管道处理 3.引入gulp是个对象 4.gulp的src:把源文件流到内存中,dest:把内存中的文件导入到文件夹里。task:声明一个任务,(任务名,回调函数【里面写return,则表示任务异步】) 5.task(’任务名‘,【数组依赖的任务】,回调函数)使用默认,来集成任务 6.gulp.watch(文件,【数组,文件改变时,启动的任务】) 7.gulp全自动, connect.server livereload:实时刷新 root port livereload open插件自动打开。 8.插件扩展《gulp-load-plugins》,所有的gulp的插件都能用 var $ = require("gulp-load-plugins")() 前面是一个方法,后面是这个方法的调用,返回一个对象。 这个对象包含所有的插件 来源: https://www.cnblogs.com/donyi/p/12177120.html

npm(你怕吗) 全局安装与本地安装、开发依赖和生产依赖

十年热恋 提交于 2020-01-10 13:43:56
转载: https://segmentfault.com/a/1190000017787636?utm_source=tag-newest npm(你怕吗) npm(Node Package Manager)是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。 (与其有同样功能的另一个包管理工具yarn,速度用体验比旧版本的npm好,但npm最近的新版本也做出很大努力,与yarn速度和体验差距越来越小,有兴趣可以了解下)。 npm这几年可以说是前端猿日常离不开的工具了,刚开始学习使用node、npm来进行前端项目构建的时候,有很多概念需要理解, 各种命令行、各种新js语法、各种环境依赖 ...就问你怕吗?: 讲真,刚开学时我怕。废话不多扯,现在我们进入主题,聊聊npm 全局安装与本地安装、开发依赖和生产依赖,先抛几个常见疑惑: 什么是全局安装、什么是本地安装(或叫局部安装,下文统一叫本地安装) ? 为什么要全局安装?为什么又要本地安装?全局安装和本地安装有什么区别? 什么叫开发依赖、生产依赖?什么又是开发环境、生产环境? 全局安装与本地安装 一、全局安装: npm install <pageName> -g//(这里-g是-global的简写) 通过上面的命令行(带-g修饰符)安装某个包

Node.js / Gulp - Looping Through Gulp Tasks

我是研究僧i 提交于 2020-01-09 11:58:26
问题 I'd like to loop through an object and pass an array of file paths to gulp.src on each iteration and then do some processing on those files. The code below is for illustration purposes and won't actually work since the return statement kills the loop on the first pass. gulp.task('js', function(){ for (var key in buildConfig.bundle) { return gulp.src(bundleConfig.bundle[key].scripts) .pipe(concat(key + '.js')); // DO STUFF } }); That's the basic idea. Any ideas on how to do this? 回答1: I was

npm常用命令

╄→尐↘猪︶ㄣ 提交于 2020-01-08 10:14:19
今年上半年在学习gulp的使用,对npm的掌握是必不可少的,经常到 npm官网查询文档 让我感到不爽,还不如整理了一些常用的命令到自己博客上,于是根据自己的理解简单翻译过来,终于有点输出,想学习npm这块的朋友不可错过这些基础命令,新手出品,对本文有疑惑之处还请同学们不耻下问。很久没有写文章啦,后续也希望自己在nodejs这方面有多点内容产出。 本文以Windows平台上做测试,以gulp为示例做教程 目录(更新于20160630) npm是什么 npm install 安装模块 npm uninstall 卸载模块 npm update 更新模块 npm outdated 检查模块是否已经过时 npm ls 查看安装的模块 npm init 在项目中引导创建一个package.json文件 npm help 查看某条命令的详细帮助 npm root 查看包的安装路径 npm config 管理npm的配置路径 npm cache 管理模块的缓存 npm start 启动模块 npm stop 停止模块 npm restart 重新启动模块 npm test 测试模块 npm version 查看模块版本 npm view 查看模块的注册信息 npm publish 发布模块 npm access 在发布的包上设置访问级别 npm package.json的语法 npm是什么

【转】npm 常用命令详解

巧了我就是萌 提交于 2020-01-08 06:40:25
【转】npm 常用命令详解 今年上半年在学习gulp的使用,对npm的掌握是必不可少的,经常到 npm官网查询文档 让我感到不爽,还不如整理了一些常用的命令到自己博客上,于是根据自己的理解简单翻译过来,终于有点输出,想学习npm这块的朋友不可错过这些基础命令,新手出品,对本文有疑惑之处还请同学们不耻下问。很久没有写文章啦,后续也希望自己在nodejs这方面有多点内容产出。 本文以Windows平台上做测试,以gulp为示例做教程 目录(更新于20160630) npm是什么 npm install 安装模块 npm uninstall 卸载模块 npm update 更新模块 npm outdated 检查模块是否已经过时 npm ls 查看安装的模块 npm init 在项目中引导创建一个package.json文件 npm help 查看某条命令的详细帮助 npm root 查看包的安装路径 npm config 管理npm的配置路径 npm cache 管理模块的缓存 npm start 启动模块 npm stop 停止模块 npm restart 重新启动模块 npm test 测试模块 npm version 查看模块版本 npm view 查看模块的注册信息 npm publish 发布模块 npm access 在发布的包上设置访问级别 npm package

【原】npm 常用命令详解

北城余情 提交于 2020-01-08 04:33:58
今年上半年在学习gulp的使用,对npm的掌握是必不可少的,经常到 npm官网查询文档 让我感到不爽,还不如整理了一些常用的命令到自己博客上,于是根据自己的理解简单翻译过来,终于有点输出,想学习npm这块的朋友不可错过这些基础命令,新手出品,对本文有疑惑之处还请同学们不耻下问。很久没有写文章啦,后续也希望自己在nodejs这方面有多点内容产出。 本文以Windows平台上做测试,以gulp为示例做教程 目录 (更新于20160117) npm是什么 npm install 安装模块 npm uninstall 卸载模块 npm update 更新模块 npm outdated 检查模块是否已经过时 npm ls 查看安装的模块 npm init 在项目中引导创建一个package.json文件 npm help 查看某条命令的详细帮助 npm root 查看包的安装路径 npm config 管理npm的配置路径 npm cache 管理模块的缓存 npm start 启动模块 npm stop 停止模块 npm restart 重新启动模块 npm test 测试模块 npm version 查看模块版本 npm view 查看模块的注册信息 npm adduser 用户登录 npm publish 发布模块 npm access 在发布的包上设置访问级别 npm package

Gulp js error notification not showing source of error

拜拜、爱过 提交于 2020-01-07 08:46:10
问题 Everything is setup and working to concatenate and compile my styles and scripts. When an error occurs gulp-notify and gulp-plumber throw the error up as a mac notification and in terminal, and gulp doesn't stop running - which is great :) However, I'm finding that the script errors that are thrown up in terminal are always problems with the compiled file script-dist.js instead of the actual concatenated source file. Error gulp-notify: [JS Error] _PATH_/js/script-dist.js: Unexpected token