美文网首页
Gulp 简易用法

Gulp 简易用法

作者: 快乐的大鹅 | 来源:发表于2018-08-22 14:33 被阅读0次

全局安装Gulp

sudo npm i -g gulp

全局安装gulp报错

报错了.png

尝试通过升级npmnode解决

sudo npm i -g npm

升级npm.png

sudo npm i -g n

升级node.png

sudo n latest

安装node最新版本.png

再次安装gulp

安装gulp.png

作为项目依赖安装

npm i --save-dev gulp

作为项目依赖.png

生成package.json文件

npm init -y

项目根目录下创建gulpfile.js文件

常用插件

在网上随便找了个全的

随便找的.png

实际用的如下

实际使用.png

安装插件

npm i gulp-concat gulp-minify-css gulp-rev gulp-rev-collector gulp-autoprefixer gulp-imagemin gulp-uglify gulp-clean gulp-cache --save-dev

创建任务

gulpfile.js文件创建任务

任务示例.png

启动

终端执行gulp browser-sync

相关文章

  • Gulp 简易用法

    全局安装Gulp sudo npm i -g gulp 全局安装gulp报错 尝试通过升级npm和node解决 s...

  • gulp学习(二)-api

    学习gulp的用法,首先得学习下gulp的几个常用的api task 源码: Gulp继承Orchestrator...

  • 1.[gulp进阶] gulpfile 发布配置(1) -- b

    [gulp进阶] gulpfile 发布配置(1) -- browserify 用法 公司项目用gulp蛮多的,根...

  • [gulp进阶] gulpfile 发布配置(2) -- bro

    [gulp进阶] gulpfile 发布配置(2) -- browser-sync 用法 公司项目用gulp蛮多的...

  • 前端模拟json数据

    前端包管理npm 自动化工具gulp 模拟数据gulp-mock-server 安装 用法 Gitthub中的地址

  • sass/git/gulp

    sass用法指南sass语法 常用git指令git-book gulp详细入门教程gulp使用指南segmentf...

  • Gulp使用记录.md

    当前版本下,gulp-minify-css已经被废弃,替换为gulp-clean-css,用法完全一致。要注意安装...

  • gulp 用法大全

    gulp 是基于 node 实现 Web 前端自动化开发的工具,利用它能够极大的提高开发效率。在 Web 前端开发...

  • 几个前端构建工具的用法整理

    本文整理几个前端工具的用法:Rollup、Gulp 和 Browserify。 1. Rollup 的使用 特性 ...

  • gulp windows配置记录

    事实上gulp的基础用法都不明白,配置和用法都是东拼西凑的坑于:2015-11-07 17:00 update 2...

网友评论

      本文标题:Gulp 简易用法

      本文链接:https://www.haomeiwen.com/subject/iqeeiftx.html