报错信息: vue项目打包报错 > innovate-admin-vue@ build /home/soldier/SOLDIER/IDE_project/webStorm_project/innovate-admin-vue > gulp assert.js: throw err; ^ AssertionError [ERR_ASSERTION]: Task function must be specified at Gulp.:) at Gulp.task (/home/soldier/S…

原因是gulp3 和gulp4的运行方式不一样, 解决方法: 1.修改package.json文件中gulp的版本为最新版本 2.删除node_modules文件夹和package-lock.json文件 3.修改gulpfile.js文件中任务调用时的依赖的写法 运行项目起动命令,ok 参考资料: https://www.jianshu.com/p/c30ff8592421 来自为知笔记(Wiz)…

问题出在gulp版本上,以下是gulp3  VS  gulp4的区别: gulp4最大的变化是不能像以前那样传递一个依赖的任务列表. gulp3中,如果有一个任务A.B和C的列表,你想在一个序列中运行(确保A在B开始之前完成,而B在C开始之前完成),代码如下: gulp.task('a',() => { // Do something }); gulp.task('b',['a'],() => { // Do something }); gulp.task('c',['b'],() =>…

一.问题描述: gulp项目在本地windows 10机器上跑没有任何问题,但是放在centos 7虚拟机上跑报错:AssertionError: Task function must be specified. 二.解决: 我本来以为是操错系统的原因,后来搜到一篇文章发现了原因. gulp项目需要全局安装gulp和项目内安装gulp,在该项目下输入命令:gulp -v 能查看到这两个版本号: CLI version和Local version, win10机器上两个都是3.9.1版本,but!…

1.我npm安装了Browserify,tsify和vinyl-source-stream包,想要引用安装的插件,所以就走了引用插件的流程,修改了gulpfiles.js文件,引用流程完毕后,在终端gulp打包,结果给我报了这个错task function must be specified.翻译过来就是:必须指定任务函数 2.我尝试看看gulp命令能不能用,这里我简单的输入gulp -v(查看gulp的版本) 3.也就是说gulp工具正常,是我代码有问题.通过排除法,发现是gulpfiles.…

现在node版本最新的稳定版在14+ 然后我在接手项目的时候使用gulp打包,怎么也打包不了,这个问题纠结了挺久,然后百度了下,发现版本的问题 node 12+ 以上的版本不兼容 gulp 3的版本 我用的是node 14+的版本 gulp3.9.1版本 然后解决方法是降低node版本到12以下,或者gulp升级到4+版本,gulp 4+版本修改了东西,所以项目中的一些需要更改,然后node的话,我这边做法是降低到11版本 在下载node低版本时我也发现了一些问题,找到node官网,里面更多版本…

https://www.gulpjs.com.cn/docs/getting-started/ ,这个是3.9.0版本 后面发现安装的版本是4.0.0,看下面这个: https://github.com/gulpjs/gulp/blob/master/docs/API.md 参考:https://blog.csdn.net/jianjianjianjiande/article/details/79048778?utm_source=copy 4.0.0更新之处: 新的任务系统(基于 bach,替…

本来想着用gulp搭建一个自动化构建工具,结果一顿报错,后来发现我重新安装的gulp版本是4.0.0,与3版本还是不太一样的,遂记之. Gulp 3版本Demo: const gulp = require('gulp'); // 设定一个任务 gulp.task('hello',() => { console.log('print hello'); }); // 再设定一个任务 gulp.task('world',() => { console.log('print world'); });…

项目的所有依赖都可以安装,每个都有详细的注释. const gulp = require('gulp'); const sass = require('gulp-sass'); const browserSync = require("browser-sync").create(), //自动刷新 reload = browserSync.reload; const filter = require('gulp-filter'); // gulp-filter 包, 以确保只有 *.c…

1.安装和使用 安装node环境:官网:https://nodejs.org: 命令行输入 npm i gulp -g ,gulp-v查看安装是否成功: 创建项目目录: 进入目录,并在目录中按住shift+鼠标右键,进入命令行工具执行npm init -y 初始化项目,此时会自动生成package.json文件: dist用于存放gulp任务执行后代码,src为工作源代码: 在当前项目局部安装gulp,npm i gulp -dev. -dev的意思是安装成开发依赖,也就是说这个包只有开发环境需…

继续gulp的爬坑路,在准备get更多gulp的具体操作之前,先来明确一下在gulp中创建和使用多个task任务的情况. gulp所要做的操作都写在gulp.task()中,系统有一个默认的default任务,如下: var gulp = require('gulp');//gulp自身 gulp.task('default',['task1','task2'], function() { // 将你的默认的任务代码放在这 console.log("default"); }); 在命令…

SV中class的properties和methods默认都是public的,但是可以声明为local和protected. 一个properties声明为local类型的,则只在该class中的methods可以调用该变量.即使subclass也不可以调用. local interger i; 一个properties或者methods声明为protected,与local类似,但是在subclass中可见. extern protected virtual automatic task_na…

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

前言 文章 在windows下安装gulp —— 基于 Gulp 的前端集成解决方案(一) 中,已经完成对 gulp 的安装,由于是window环境,文中特意提到了可以通过安装 gitbash 来代替 window 系统的 CMD 命令行工具.本节主要围绕 如何使用 Gulp 完成一个预编译 SASS 文件的任务 来逐步熟悉 Gulp . 本文地址:http://www.cnblogs.com/leonkao/p/4611102.html 相关连接导航 在windows下安装gulp —— 基于…

前言: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率.相比于grunt的频繁 IO 操作,gulp的流操作,能更快地更便捷地完成构建工作.此处仅记录初步折腾中所遇点滴以及待解决的点. 文章首链 Gulp折腾之初探 折腾之战略上的藐视 回过头看Gulp的折腾历程,使用还是非常简易的.初步入门资料可参考这里.所以战略上一定要藐…

插件使用注意事项: 插件需要先 npm/cnpm install xx --save-dev gulp taskname,如果 task 已经设置成 default 的依赖,直接 gulp 即可 task 中的文件路径都是相对 gulpfile.js 的 gulp.dest() 指向的目录不存在,会被创建 task 中的 gulp.src 前记得加上 return(注意我下面的示例很多并没有加).为什么要加参考 Gulp 入门 中 「6. API 参考」src 一节 JS 压缩.合并.重命名 l…

1. 安装 Node 环境 参考 http://www.cnblogs.com/zichi/p/4627728.html,注意一起安装 npm 工具,并把路径保存到环境变量中(安装过程中会有提醒) 安装完后,用如下命令测试: node -v npm -v 2. 全局安装 gulp npm install gulp -g 这里有个误区,全局安装某个包,并不是说在任意文件中都能将它 require 进来而不报错,而是将其集成到了命令行中,我们能在命令行中使用 gulp taskname 这样的命令.…

一.介绍: gulp是一个基于流的构建工具,可以自动执行指定的任务,简洁且高效 二.优点: 开发环境下,想要能够按模块组织代码,监听实时变化 css/js预编译,postcss等方案,浏览器前缀自动补全等 条件输出不同的网页,比如app页面和mobile页面 线上环境下,我想要合并.压缩 html/css/javascritp/图片,减少网络请求,同时降低网络负担 三.安装: 1.全局安装:cnpm install -g gulp 2.本地安装:cnpm install --save-dev g…

前端构建工具gulpjs的使用介绍及技巧 gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快.如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧. 本文导航: gulp的安装 开始使用gulp gulp的API介绍 一些常用的gulp插件 1.gulp的安装 首先确保你已经正确安装了nodejs环境.然后…

1.什么是gulp? gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器. 2.为什么使用gulp? gulp不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成,提高我们的工作效率. 3.gulp介绍? gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指…

安装gulp 假设已经安装了node 和npm (淘宝的cnpm很适合国内使用). 1.首页全局安装gulp. 1 npm install --global gulp 2.其次局部安装gulp.(注:局部安装是安装到你项目的根目录,这是很多教程没有清晰表明) npm install gulp --save-dev 3.在项目根目录下创建一个名为 gulpfile.js 的文件 var gulp = require('gulp'); gulp.task('default', function()…

gulp是基于流的前端构件化工具.目前比较火的前端构建化工具还是挺多的,grunt gulp fis3等等. 这个鬼东西有什么用?请参考https://www.zhihu.com/question/35595198 为什么选择gulp,因为使用非常简单,学习成本低.以后想用别的工具再转去学也不难. 一个自动化构建工具都没用过的前端,何以谈人生? 以下是正题: 1.要玩gulp,首先得安装node,因为npm跟随node的包安装管理工具.具体下载直接百度nodejs中文网,根据自身的环境(wind…

之前,我介绍了学习安装并配置前端自动化工具Gulp,觉得gulp确实比grunt的配置简单很多,于是我决定再深入学习一下gulp,就去网上查了资料,发现gulp还可以自动添加版本号,这个功能就为我平时在更新css或js时老是在客户端存在缓存导致更新后的效果无法实时展现的苦恼.所以就赶紧去试了一下,果真可以,很高兴啊,真是为项目开发,为效果的快速展现提供了很多的便利. 实现原理: 1.修改js和css文件: 2.通过对js,css文件内容进行hash运算,生成一个文件的唯一hash字符串(如果文件…

本人大学时玩dojo,开始了AMD模块化的不归路,工作后一直使用requirejs,感觉非常好.但是,近来随着react的火热,webpack成为了天下无敌的模块化工具,能做模块化,合并压缩,监视等,当我看见webpack甚至还能做反向代理的时候,我整个人都不好了.我已经打算从requirejs转向webpack了,在重构以前老代码的时候,我想记录下历史.使用r.js结合gulp同样可以实现webpack的绝大部分功能. 例子 源代码地址:https://github.com/lewis617/…

Gulp是一款前端自动化的工具,如果能熟练使用Gulp来进行开发一定可以节省很多的时间,也可以快速的提高工作效率. 在使用Gulp之前就是要配置好Gulp安装的环境,这是我们能使用Gulp快速开发的第一步. 安装 ~~~~~~~~~~~~~~ D1 NodeJS安装 Gulp是基于NodeJS运行的,所以第一步就是要先安装NodeJS, https://nodejs.org/en/. 安装好Node之后,在Node的Command里面安装全局环境以及本地环境 # 安装全局环境 npm insta…

一.gulp是什么 gulp就是用来机械化的完成重复性质(如less->css:js.css压缩:js混淆)的工作:gulp的机制就是将重复工作抽象成一个个的任务. 二.gulp使用 a.首先确保电脑上已经正确安装了node环境: b.其次再全局安装gulp,命令行语句:npm install -g gulp: c.在项目根目录下添加一个gulpfile.js文件,这个是gulp的主文件,这个文件名是固定的:d.在gulpfile中抽象我们需要做的任务. 小案例: 'use strict'; /…

Gulp是什么鬼 Browsersync又是什么鬼 如何安装使用Browsersync 安装 使用 效果图 参考 Gulp是什么鬼 Gulp是一种基于node.js的构建工具,有关构建工具的概念请移步什么是构建工具 Gulp的安装及基本使用,可参考一点| gulp详细入门教程,写得十分6,通俗易懂 Browsersync又是什么鬼 Browsersync可以让浏览器实时响应所做的文件更改,包括html, js, css, less, sass等,并自动刷新页面 而且可以在多个浏览器.多个设备(P…

前言:前段时间学习了sass语法,但是一直用的是"考拉"这个软件工具将我写的sass代码编译成css,然后再引用到项目里面去的,随着对sass的更加深入的了解,我开始尝试着将sass写入gulp,下面就介绍如何将sass写入gulp,完成一系列自动化编译. ①.安装gulp-sass  :npm install gulp-sass --save-dev ②.写入gulpfile.js:var sass = requrie('gulp-sass') gulp.task('sass', f…

一直想学习下gulp看了蛮多资料,然后总是感觉是是而非,突然开窍了,把自己学会的过程给大家分享下,入门超级简单的 gulp安装 安装gulp 如果参数-g 表示全局安装 $ npm install gulp $ npm install gulp --save-dev 我们先来学习压缩JS文件,新建文件目录如下 dist为解压后文件放置的目录(可自定义) src为要解压的文件放置目录(可自定义) gulpfile.js: gulp的配置文件,在根目录中 压缩思路1.找到要压缩的JS目录  src/…

1, gulp 依赖node, 使用gulp 之前,要先安装node.  Node 安装完成后,它自带npm. Npm: node package manager 就是node 包管理器. 用过java 的就知道,java 有许多包,我们使用一个包的时候,要先引入 import 这个包.Node 也是一样,当我们使用一个包时,就需要先安装它, npm install  包名. 2,  Node 安装完成, 按window +r 组合键,调用运行窗口,输入cmd, 打开windows 自带的命令窗…