简单的静态页面实时更新方法

编写前端页面时，可以使用 parcel，不需要点浏览器刷新按钮就刷新浏览器页面。适合简单的网页，操作简单。

1.未安装parcel可以执行以下命令，src/index.html为目标文件相对路径

npm i -g parcel-bundler
parcel src/index.html

2.如果已经安装parcel可以执行以下命令，已执行步骤1可以跳过此步

yarn global add parcel
parcel src/index.html

3.执行完成以上命令后，会出现链接，按住Ctrl点击链接，出现实时更新的页面，只要文件保存就会进行更新。
补充：需要引入JS文件，才能自动刷新，JS文件可以为空

简单的静态页面实时更新方法相关推荐

php编写用户登录页面,js+php实现静态页面实时调用用户登陆状态的方法
这篇文章主要介绍了js+php实现静态页面实时调用用户登陆状态的方法,采用在静态页面中使用js调用php页面从而实现用户登录状态的实时调用功能,需要的朋友可以参考下本文实例讲述了js+php实现静态 ...
直接访问静态图片_详解nginx和tomcat访问图片和静态页面的配置方法
概述生产环境下,有时候需要访问图片,正常需要应用ftp.nginx等配套使用,但是有时候为了简化,可以用以下的两种简单的访问,说实话,就是为了偷懒,但是效果是能有的,这就行了,所以今天做这个简化版的 ...
让Apache支持Rewrite静态页面重写的方法
Apache下Rewrite静态页面重写的方法,需要的朋友可以参考下. 首先确定您使用的 Apache 版本,及是否加载了 mod_rewrite 模块. Apache 1.x 的用户请检查 conf ...
nginx加载html目录下图片,nginx配置访问图片路径以及html静态页面的调取方法
nginx配置访问图片路径以及html静态页面的调取方法发布时间:2017-03-09 12:06 来源:互联网当前栏目:web技术类给大家讲一个快速配置nginx访问图片地址,以及访问html ...
epg信息服务器,EPG系统及EPG信息的实时更新方法
1.一种EPG系统,包括: 播出系统(1),所述播出系统(I)包括节目单编辑模块(11).播出在线控制模块(12)和节目单网关模块(13),所述节目单网关模块(13)根据节目单编辑模块(11)编辑的节 ...
php简单的静态页面现成,PHP生成静态页面的简单方法
页面静态化的方法,分为两种,一种是伪静态,就是url 重写,一种是你真的静态化.下面介绍PHP中页面静态化的方法. 什么是PHP静态化 PHP静态化的简单理解就是使网站生成页面以静态HTML的形式展现 ...
【ejs落地方案】官网用ejs做其实也很简单---ejs 静态页面
最近在做官网,首先想到用这个EJS,有句话怎么说的,万物都可以ejs,是吧! 1.ejs特点: 快速编译和渲染简单的模板标签自定义标记分隔符支持文本包含支持浏览器端和服务器端模板静态缓存支 ...
nginx配置访问图片、音频、视频以及html静态页面的调取方法
因为主配置文件nginx.conf中一般配置的是一些通用的配置,我们可以重新复制一个nginx.conf文件起名为staticFile.conf 在主配置文件nginx.conf最后加入下面一段配置就 ...
nginx php如何无响应,nginx,_nginx 可以直接响应服务静态页面吗，为何配置了很久都不成功？，nginx - phpStudy...
nginx 可以直接响应服务静态页面吗, 为何配置了很久都不成功? 背景: 最近想自己写点东西放到网上, 买了域名和vps, 在vps上也搭好了ngxin服务器,想从最简单的静态页面开始,于是自己写了 ...

简单的静态页面实时更新方法

简单的静态页面实时更新方法相关推荐

最新文章

热门文章