gulp插件封装 gulp-pack

码农软件 · 软件分类 · Node.js 扩展 · 2019-04-14 09:43:04

软件介绍

针对前端开发过程中最常用的需求,我们把一系列gulp插件封装成为一个简单的命令。

目前包含以下功能,以后还会继续增加:

  • 简易的服务器(webserver)

  • 页面自动刷新(livereload)

  • 自动补全CSS前缀(autoprefixer,默认不开启)

  • CSS预处理(stylus,默认不开启)

gulp-pack会被安装在全局目录,而不是你的项目目录下。

也就是说,你的项目中不会出现令人讨厌的node_modules文件夹。

安装(全局)

npm install -g gulp-pack

启动

在命令行中定位到你的项目目录,然后执行如下代码:

pack

或者要也可以指定路径

pack pages/

然后会看到如下内容:

D:\Git\test>pack
[10:28:49] Webserver started at http://localhost:3001
监控js和html
监控css
工具已就绪,耗时507毫秒

命令行参数

usage: gulp-pack [path] [options]
options:
-p               Port to use [3001]
-l --livereload  Livereload Port to use [4001]
-h --help        Print this list and exit.
-v --version     Print version.

package.json配置(可选)

默认情况下,你并不需要进行配置。

通过在package.json中加入pack属性,可以自定义以下选项:

  • http ---- 简易Web服务器的端口,关闭该项功能请设置false

  • livereload ---- 自动刷新页面,关闭该项功能请设置false

  • autoprefixer ---- 自动补全css属性前缀,关闭该项功能请设置false

  • open ---- 是否在启动服务后自动打开浏览器,默认关闭

  • watch ---- 要监控的各文件类型的路径,关闭该项功能请设置false

  • stylus ---- 是否监听.styl类型的文件,默认关闭

如果你的目录中还没有package.json文件,可在命令行中输入npm init,然后一直按回车即可自动生成。

本文地址:https://codercto.com/soft/d/3547.html

算法笔记

算法笔记

胡凡、曾磊 / 机械工业出版社 / 2016-7 / 65

这是一本零基础就能读懂的算法书籍,读者不需要因为自己没有语言基础而畏惧。书籍的第2章便是一个C语言的入门教程,内容非常易懂,并且十分实用,阅读完这章就可以对本书需要的C语言基础有一个较好的掌握。 本书已经覆盖了大部分基础经典算法,不仅可以作为考研机试和PAT的学习教材,对其他的一些算法考试(例如CCF的CSP考试)或者考研初试的数据结构科目的学习和理解也很有帮助,甚至仅仅想学习经典算法的读者......一起来看看 《算法笔记》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

html转js在线工具
html转js在线工具

html转js在线工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具