gulp的作用 删除文件中冗余的内容，压缩文件，减小文件体积 实际项目中运行的都是压缩完成以后的文件 减小加载响应时间 gulp打包压缩对象 html，css，js，sass，webserver 音频，图片，插件等正常情况下都是打包完成的，直接移动到dist文件中就可以 服务器食欲gulp一起绑定执行的，执行的是打包压
npm install gulp-less const less = require('gulp-less'); // css任务 // 1.less 语法转换 // 2.css代码压缩 gulp.task('cssmin', () => { gulp.src('./src/css/*.less') .pipe(less()) .pipe(gulp.de
webpack+gulp+qshell+npm-scripts实现一个命令完成[打包+同步cdn+上传服务器] 说明 由于我们用的七牛云存储，所以cdn也是走的七牛，所以并不适用于其他的cdn，但是思路可以借鉴 打包 打包目前我这边用的是webpack，网上已经有很多文章了，这里就不作过多阐述了，只是说一下publicPath这个参
一、功能（解放生产力，提高团队开发效率）： 1、通过gulp命令行方式动态切换环境变量的值； 2、自动给html引入的css,js文件批量添加版本号； 二、操作流程： 该流程基于npm命令安装包，假设你的电脑环境已经安装了node环境。 1、切换到项目所在根目录，执行npm init 生成package.json文件； 2、执
该教程适用win10操作系统 运行环境Nodejs version 10.1.0Gulp CLI version 2.2.0Gulp Local version 3.9.1 1. 全局及本地安装gulp npm install -g gulp cd semantic-ui-vue npm install --save-dev gulp@3.9.1 2. 安装semantic-ui npm install --save semantic-ui Automatic：自
懒癌直接贴代码，想写在写因为最近搞了一下小程序，直接使用微信的开发者工具搞感觉有点不习惯，并且看了几篇给小程序瘦身的博客，决定给自己的项目做一套配置文件，使用gulp来支持sass scss文件编译以及上传之前压缩文件的空行之类的。 至于使用gulp没有使用webpack的原因，因为我不想处理j
前言 这篇文章的主要目的是告诉大家,构建工具可以做那些事情.大家不必去深入研究这个东西.最基本的是有个概念. 什么是前端构建? 在平时我们浏览一些大型的站点,会发现其中的一些css经过压缩(去掉了空白符,注释),js经过了混淆和压缩.一些引用的文件的链接会加上奇怪的字串(文件md
NPM/GULP 安装 需要下载Node.js，自带npm。 然后全局gulp npm i -g gulp npm i -g gulp-cli 注意如果修改过npm包的路径 npm config get prefix 则需要把这个prefix添加到系统的PATH中 初始化NPM项目 在项目根目录执行 npm init 根据提示创建npm项目文件 然后编辑生成的package.j
需求背景 前后端分开部署时，需要单独为前端启动一个服务，如果使用gulp-connect的话，那么代理需要额外的插件来配置。首先说下为什么需要代理，gulp-connect是静态web的server（就是只能访问静态页面），如果需要向另外一个或几个服务器请求数据那么就需要代理。除非前后端一起部署，不然由于浏
安装gulp命令行工具 npm install global gulp-cli npx mkdir demo cd demo npm init View Code 安装gulp npm i -D gulp gulp --version View Code 创建gulpfile.js function defaultTask(cb) { cb() } exports.default = defaultTask View Code 测试 gulp View Co
以下问题解释非本人原创，是根据面试经验整理后觉得更容易理解的解释版本，欢迎补充。 一. 输入url后的加载过程 从输入 URL 到页面加载完成的过程中都发生了什么 计算机网络体系结构 应用层(HTTP、SMTP、FTP、POP3) 运输层(TCP、UDP) 网络层(IP(路由器)) 数据链路层(网桥(CSMA/CD
0x00 项目环境说明 前端方向： nvm：用来管理node.js的工具。 node.js：自带有npm包管理工具。 npm：类似于Python中的pip。可以非常方便的管理一些前端开发的包。 gulp：用来自动化开发流程。比如sass转css，css和js压缩等。 后端方向： Python 3.6：开发语言。 Django 2.0：开发框架。 MySQL 5.7：数
gulp报错The following tasks did not complete 代码如下： //引用gulp模块 const gulp = require('gulp'); //使用gulp.task()建立任务 gulp.task('first', () => { console.log('第一个gulp任务执行了'); //要处理的文件 //将处理后的文件输出到dist目录下
一、第三方模块 Gulp 基于node平台开发的前端构建工具 将机械化操作编写成任务, 想要执行机械化操作时执行一个命令行命令任务就能自动执行了 用机器代替手工，提高开发效率。 二、Gulp能做什么 项目上线，HTML、CSS、JS文件压缩合并 语法转换（es6、less …） 公共文件抽离 修改文
研发环境的搭建 目标：支持热更新，实现检测代码更改，刷新浏览器，研发和生成编译出不同的版本 参考：npmjs.com yarn:更稳定，比npm更稳定 0 yarn全局安装： npm i yarn -global 1 yarn global add gulp-cli 安装gulp全局命令行依赖 2 npm init -y 生成package.json，里面可以查看开
我们一定会感叹前端技术发展之快，各种可以提高开发效率的新思想和框架层出不穷。但是他们都有一个共同特点：源代码无法直接运行，必须通过转换后才能正常运行。 本文前两部分摘自吴浩麟所著《深入浅出Webpack》1.2，版权归原作者所所有 构建工具就是做这件事，将源代码转换成可以执行的J
ssh方式上传代码 公钥 私钥,两者之间是有关联的。 生成公钥,和私钥 ssh-keygen -t rsa -C "xiaoming@sina.com" 在push和pull操作进 先pull , 再push 当我们在push时，加上-u参数，那么在下一次push时我们只需要写上git push就能上传我们的代码。(加上-u之后，git会把当前分支与远程
因为在网页的开发中，为了加快网页渲染的速度，如果我们的js文件比较多的话，就可以使用gulp-concat插件，将多个js文件合并成一个文件，该插件的安装同样是在终端窗口执行命令：npm install gulp-concat --save-dev. 示例代码如下（1）： var gulp = require('gulp'); var concat = require('concat
简单了解gulp 在日常开发中，我们往往会用到很多前端的构造工具，我们常见的有Node,NPM,Grunt,Gulp…，很多很多，上一篇博客中已经简单的介绍了npm，这里再简单讲解一下gulp。 什么是gulp gulp是一个前端自动化打包构建工具，主要用来帮我们把代码进行压缩、转码，gulp运行必须依赖 node
gulp相较于webpack更好学一点，而且由于其轻量化和异步等特点更适合我这种菜鸡入门，所以先学gulp再看webpack叭~ 咋整首先我们需要的是建立一个.js文件。名字你随便取，但是里边的内容还是有规定的。大致分为三部分 123456789var gulp = require('gulp');gulp.task("任务名", function(
之前说到过grunt以及FIS，在项目里也用到过！因为最近组里又推荐用gulp，于是在这记录一番： 假设我们项目的目录为： ├── src│ ├── index.html│ ├── images│ ├── script│ └── css 所谓的自动化就是将src里的文件，通过压缩、合并以及各种优化处理，然后生成一个可以发布到生
前言 如果是第一次使用Gulp，可以点击查看Gulp的安装和Gulp3介绍https://blog.csdn.net/Charissa2017/article/details/104496750 举个例子，当任务二要在任务一完成后再执行，在Gulp3中，我们可以这样写： var gulp=require("gulp"); gulp.task("one",function () { console.log(
前端自动化工具官方文档： https://www.gulpjs.com.cn/docs/getting-started/quick-start/ gulp到底用来干什么？ 编译 sass 合并优化压缩 css 校验压缩 js 优化图片 添加文件指纹（md5） 组件化头部底部（include html） 实时自动刷新… … 压缩静态资源 变更静态资源 给静态资源添加 m
网址：https://www.gulpjs.com.cn/ 一、Gulp简介 gulp是前端开发过程中自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；gulp是基于Nodejs的。 Gulp能完成 javascript/coffee/sass/less/html/image/css 等文件的的测
gulp操作gulp是用来压缩合并代码的1.npm 全局安装gulp1npm install gulp-cli -g 2.找到要压缩代码的文件夹 （1）首先初始化npm工具1npm init -y 会生成一个package.json的安装文件（2）安装gulp文件1npm install gulp --save--dev –save表示要将文件存到dependencies 项目使用依赖的插件
