zoukankan      html  css  js  c++  java
  • gulp

    安装node.js,检查是否安装可用

    npm/npm -v

    使用淘宝镜像

    npm install cnpm -g --registry=https://registry.npm.taobao.org

    检查

    cnpm -v

    全局安装gulp

    npm install gulp -g

    检查

    gulp -v

    来到本地路径,创建工程配置文件

    npm init

    本地路径下会有package.json文件,需要将安装组件或者插件的依赖写入这个文件
    写入依赖的组件或者插件可通过

    npm install

    命令找回

    本地安装gulp并将依赖写入package.json

    npm install gulp --save-dev

    在gulp管理的根路径下创建gulpfile.js文件
    需要在gulpfile.js写任务执行gulp的功能

    -------------------------------------------------------------
    node.js使用淘宝镜像

    npm install cnpm -g --registry=https://registry.npm.taobao.org

    查看是否安装好
    查看版本

    npm -v
    cnpm -v

    安装gulp
    全局安装gulp

    npm install gulp -g

    来到本地路径,创建工程配置文件

    npm init

    本地安装gulp

    npm install gulp --save-dev

    让package.json依赖于gulp

    安装package.json中依赖了的组件

    npm install

    安装服务的插件

    npm install gulp-connect --save-dev

    合并文件的插件

    npm install gulp-concat --save-dev

    压缩js文件的插件

    npm install gulp-uglify --save-dev

    给文件重命名的插件

    npm install gulp-rename --save-dev

    压缩css文件的插件

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

    启动webserver插件

    npm install gulp-webserver --save-dev

    注:

    1.所有文件位置 相对于 gulpfile.js

    / 根目录
    ./ 当前目录
    ../ 父级目录
    
    附常用规则:
      * 匹配0或多个除了 / 以外的字符
      ? 匹配单个除了 / 以外的字符
      ** 匹配多个字符包括 /
      {} 可以让多个规则用 , 逗号分隔,起到或者的作用
      ! 出现在规则的开头,表示取反。即匹配不命中后面规则的文件

    2.操作时 命令行 : 

    gulp + name


    3.查看所有安装的插件

    npm list

    .

  • 相关阅读:
    php使用redis锁
    php接收json数据
    计算机中的二进制、八进制、十进制、十六进制
    mysql8导入myslq5 报错
    如何用最简单的方式解释依赖注入?依赖注入是如何实现解耦的?(通俗易懂)
    【运维】Linux进阶命令简记--Linux(3)
    springboot项目在docker容器中如何优雅关闭
    springboot项目接入sap与部署到docker遇到的问题实录
    如何解决springboot参数传中文乱码
    maven如何动态统一修改版本号
  • 原文地址:https://www.cnblogs.com/crazycode2/p/6262568.html
Copyright © 2011-2022 走看看