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

    .

  • 相关阅读:
    tomcat启动Publishing failed with multiple errors
    oracle中merge into用法解析
    ORACLE数据库导出表,字段名,长度,类型,字段注释,表注释语句
    orcale的to_number方法
    Git删除无效远程分支
    .net core文件系统简介
    PowerShell的一些资料整理
    Jetbrains推出了一款新的编程字体Mono
    .net core程序强制以管理员权限启动
    在Asp.net Razor Pages/MVC程序中集成Blazor
  • 原文地址:https://www.cnblogs.com/crazycode2/p/6262568.html
Copyright © 2011-2022 走看看