gulp代码压缩管理工具

    xiaoxiao2021-03-25  122

    简单的Gulp项目部署

    一、安装node.js

    1、 下载node.js傻瓜式安装(一直点下一步就好咯)

    2、 安装完成后运行cmd打开window的命令行

    3、 在命令行中输入node-v查看当前node版本号,如果有则安装成功(恭喜啦~

    二、gulp部署项目文件夹(前提准备)

    1、在桌面新建getstart文件夹,并且按以下目录新建次级文件夹:

     

    2、哈哈哈~其实你只要把我给你的文件夹复制到桌面就好!

    3、既然我给你了文件夹,那你可以省略接下来的100步啦~

    三、配置npm环境(在我给你的文件夹下进行配置)

    1、输入cmd打开window命令行

    2、由于npm服务器在国外,网络影响大npm服务器在国外,网络影响大,甚至还会遇到需要翻墙才能下载插件的情况,因此推荐安装cnpm

    3、在命令行中输入npm install -g cnpm –registry=https://registry.npm.taobao.org

    4、执行cnpm-v显示版本号即安装成功

    5、以后所有的命令行的首单词全部由npm改为cnpm啦!(记住啦哈~

    四、安装gulp(先在命令行中的地址指定到我给你的文件夹中)

    1、全局安装gulp cnpm install gulp–g

    2、执行 gulp -v 显示版本号即安装成功 然后输入cnpm install gulp在项目中安装gulp

    3、手动创建package.json配置文件并且敲入自己要的一些简单的命令

    4、会用到的功能:

     

    5、如果你懒的话直接用cnpm init命令,会帮你直接安装一些简单的功能

    五、因为在我的文件夹中已经帮你配置好了一切,现在你可以直接开始用了(到这里基本配置就结束了接下来就是各个文件的功能)

    基本插件安装:

    npm install --save-dev require-dir npm install --save-dev gulp npm install --save-dev gulp-less npm install --save-dev gulp-watch npm install --save-dev require-dir npm install --save-dev gulp-clean npm install --save-dev gulp-rev  npm install --save-dev gulp-rev-collector npm install --save-dev gulp-sync

     

    npm install gulp-minify-css --save-dev

    npm install --save-dev gulp-uglify

    npm install --save-dev gulp-imagemin

     

    直接运行gulp为项目添加版本号,gulp deploy打包压缩

    下一次为大家详细讲解每个文件的作用。

     这里是代码文件:链接: https://pan.baidu.com/s/1b60hsi 密码: by47

     

    转载请注明原文地址: https://ju.6miu.com/read-12688.html

    最新回复(0)