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

创业者手册

创业者手册

[美] 史蒂夫·布兰克、[美] 鲍勃·多夫 / 新华都商学院 / 机械工业出版社 / 2013-1 / 89.00元

我们发现,企业的成功程度和创始人使用本书的频繁程度成正比。书中折角越多,书被翻得越破,企业取得的成功就越显著。阅读本书切忌囫囵吞枣。 所有创业者都坚信自己的道路与众不同,他们在踏上创业之路时从不设计路线图,认为其他模式或模板并不适合自己。同样是初创企业,有些能够取得成功而有些只能沦落到廉价清库的下场,看起来这似乎是运气使然,然而事实并非如此。英雄成功的故事都是一样的。初创企业实现成功之路肯定......一起来看看 《创业者手册》 这本书的介绍吧!

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

RGB HEX 互转工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具