Grunt connect
使用connect打开指定html方法
由于localhost会直接链接到了index.html,所以我们可以通过base选项设置打开html,这是我的目录,我要打开根目录下的test.html
connect:{
options: {
port: 9000,
open: true,
livereload: 35729,
// Change this to '0.0.0.0' to access the server from outside
hostname: 'localhost',
useAvailablePort:true,
},
server: {
options: {
oprt:9001,
base:{
path:'./',
options:{
index:'./test.html'
}
}
},
keepalive:true
}
}
如果不设置,那么localhost会去寻找index.html,若没有找到就会返回根目录
如果没有设置useAvailablePort ,自行设置port有可能会出现Port is already being used 那么通过杀死使用该端口的进程来解决
connect Option 详细内容见https://www.jianshu.com/p/898cbc5724a0
port
类型: Integer
(整数)
默认值:8000
网络服务器将响应的端口。如果指定的端口已经在使用中,则该任务将失败(除非设置了useAvailablePort)。您可以使用特殊值0
或'?'
使用系统分配的端口。
protocol
类型:String
默认值:'http'
网络通信协议,可以是'http'
, 'http2'
或'https'
.
hostname
类型:String
默认值:0.0.0.0
可以访问网络服务器的主机名.
将其设置为'*'
,像“ 0.0.0.0”
,将使服务器可以从任何本地局域网 的IPv4地址访问 '127.0.0.1',并将IP分配给以太网或无线接口如'192.168.0.x'或'10.0.0.x'。
如果open设置为true,该hostname设置将用于生成浏览器打开的URL,默认为localhost指定通配符主机名。
base
类型:String
or Array
or Object
默认值:.
String
提供文件的基本路径(或根目录),默认为 Gruntfile.js 所在的目录Array
多个被映射到网站虚拟根目录的物理路径Object
包含path
和options
参数,options 会传递给 serve-state 模块处理。
directory
类型:String
默认值:null
设置到希望能够浏览的目录 用于覆盖base选项的可浏览目录。
keepalive
类型:Boolean
默认值:false
让服务器持续运行。请注意,如果启用此选项,则此任务之后指定的任何任务将永远不会运行。默认情况下,一旦grunt的任务完成,Web服务器停止。此选项会更改该行为。
此选项也可以通过运行任务进行临时启用 grunt nnect:targetname:keepalive
debug
类型:Boolean
默认值:false
将debug选项设置为true
以启用日志记录,而不是使用--debug
标志。
livereload
类型:Boolean
或Number
默认值:false
设置true
或端口号,以使用connect-livereload将实时重新加载脚本的标记注入到页面中。
这不执行实时重新加载。它旨在与grunt-contrib-watch或另一个任务一起使用,在文件更改时将触发实时重新加载服务器。
open
类型: Boolean
或String
或Object
默认值:false
在默认浏览器中打开提供的页面。
这可以是以下之一:
指定
true
打开默认服务器URL(从protocol,hostname
和port
设置生成)指定
URL
会打开该URL
使用以下键指定一个对象,直接配置为open:
useAvailablePort
类型:Boolean
默认值:false
如果true
任务将在set port
选项之后查找下一个可用端口。
Grunt connect的更多相关文章
- 前端开发 Grunt 之 Connect
在前端开发过程中,我们需要在开发过程中,将开发中的站点部署到服务器上,然后,在浏览器中查看实际的效果,在 Grunt 环境下,可以直接使用集成在 Grunt 中的 Connect 插件完成站点服务器的 ...
- Grunt 之 Connect
前端开发 Grunt 之 Connect 在前端开发过程中,我们需要在开发过程中,将开发中的站点部署到服务器上,然后,在浏览器中查看实际的效果,在 Grunt 环境下,可以直接使用集成在 Grunt ...
- 前端开发 Grunt 之 Connect详解
在前端开发过程中,我们需要在开发过程中,将开发中的站点部署到服务器上,然后,在浏览器中查看实际的效果,在 Grunt 环境下,可以直接使用集成在 Grunt 中的 Connect 插件完成站点服务器的 ...
- 使用Grunt构建任务管理脚本(转)
Grunt是构建Web开发的一个系统,但它创建比较困难.在这个指南中,你将学会如何配置Grunt创建一个现代的Web项目.当你完成教程中的配置之后,你的Gruntfile将具有: 从源目录中向目标目录 ...
- 利用简洁的图片预加载组件提升h5移动页面的用户体验
在做h5移动页面,相信大家一定碰到过页面已经打开,但是里面的图片还未加载出来的情况,这种问题虽然不影响页面的功能,但是不利于用户体验.抛开网速的原因,解决这个问题有多方面的思路:最基本的,要从http ...
- 前端工作面试问题--摘取自github
前端工作面试问题 本文包含了一些用于考查候选者的前端面试问题.不建议对单个候选者问及每个问题 (那需要好几个小时).只要从列表里挑选一些,就能帮助你考查候选者是否具备所需要的技能. 备注: 这些问题中 ...
- 了解Browserify
Browserify是一个Javascript的库,可以用来把多个Module打包到一个文件中,并且能很好地应对Modules之间的依赖关系.而Module是封装了属性和功能的单元,是一个Javasc ...
- grunt之connect、watch
先说下这两个插件配合的用处,简单的说,它们可以拯救你的F5.connect用于建立一个静态服务器,watch监听文件的修改并自动实时刷新浏览器的页面. 还是options走起. connect(V0. ...
- Sass和compass 安装 和配合grunt实时显示 [Sass和compass学习笔记]
demo 下载http://vdisk.weibo.com/s/DOlfkrAWjkF/1401192855 为什么要学习Sass和compass ?提高站独立和代码产品化的绝密武器,尤其是程序化cs ...
随机推荐
- 第八节: Quartz.Net五大构件之SimpleThreadPool及其四种配置方案
一. 简介 揭秘: SimpleThreadPool是Quartz.Net中自带的线程池,默认个数为10个,代表一个Scheduler同一时刻并发的最多只能执行10个job,超过10个的job需要排队 ...
- [物理学与PDEs]第3章习题4 理想磁流体的能量守恒方程
试证明: 对理想磁流体, 能量守恒方程 (4. 14) 可以写为如下形式: $$\beex \bea \cfrac{\p}{\p t}&\sex{\rho e+\cfrac{1}{2}\rho ...
- unet
使用unet 直接训练 显著性目标检测数据集,不能得到较好的效果. 在一些情况下(边缘对比较强的情况),分割效果还行.由于没有在ImageNet上得到预训练模型,所以不能得到较好的语义分割的效果
- 初步认识Promise
在解释什么是Promise之前,先看一道练习题,做完练习题也就知道Promise到底是干嘛用的了. 假设现在有个需求:你要封装一个方法,我给你一个要读取文件的路径,你这个方法能帮我读取文件,并把内容返 ...
- 第28月第24天 requestSerializer
1. requestSerializer关于 requestSerializer它就是AFNetworking参数编码的序列化器,它一共有三种编码格式: AFHTTPRequestSerializer ...
- java和数据库中日期类型的常见用法
(1)java中日期类型:Date.Timestamp(2)数据库中:Date.Timestamp(3)字符串和Date之间的格式化转换: SimpleDateFormat类方法: format ...
- Codeblock代码提示自动补全(包括结构体成员)
转:https://blog.csdn.net/haibin8473/article/details/79113650
- Huber Loss
Huber Loss 是一个用于回归问题的带参损失函数, 优点是能增强平方误差损失函数(MSE, mean square error)对离群点的鲁棒性. 当预测偏差小于 δ 时,它采用平方误差, 当预 ...
- 网络编程中select模型和poll模型学习(linux)
一.概述 并发的网络编程中不管是阻塞式IO还是非阻塞式IO,都不能很好的解决同时处理多个socket的问题.操作系统提供了复用IO模型:select和poll,帮助我们解决了这个问题.这两个函数都能够 ...
- 【原创】大叔经验分享(10)Could not transfer artifact org.apache.maven:maven. from/to central. Received fatal alert: protocol_version
maven编译工程报错 [ERROR] Failed to execute goal net.alchim31.maven:scala-maven-plugin:3.2.2:add-source (s ...