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

三位一体

三位一体

[美]迈克尔·马隆 / 黄亚昌 / 浙江人民出版社 / 2015-4 / 98.90

[内容简介] ●本书讲述了罗伯特•诺伊斯、戈登•摩尔和安德鲁•格鲁夫如何缔造了世界上最重要公司的故事。公司的“外交家”诺伊斯被视为圣父、“思想家”摩尔被视为圣灵、“行动家”格鲁夫被视为圣子,这个三位一体的组合创下了企业管理中的奇迹,开创了一个价值万亿美元的产业,将一家初创企业打造成为千亿美元量级的巨型公司。 ●本书作者迈克尔•马隆在接触空前数量的企业档案的基础上,揭示了英特尔公司无处不......一起来看看 《三位一体》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

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

HEX CMYK 互转工具