美文网首页
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 简易用法

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