内容简介:最近写了本《Git 进阶指南》的 Gitbook,但(可能)由于 Gitbook CDN 上的缓存过于顽固,所以需要在访问 Gitbook 时,自动加上清缓存参数React 代码如下,当访问站点
最近写了本《Git 进阶指南》的 Gitbook,但(可能)由于 Gitbook CDN 上的缓存过于顽固,所以需要在访问 Gitbook 时,自动加上清缓存参数 ?v=版本号
。
React 代码如下,当访问站点 /gb
时,自动跳转外站并带上版本号:
import React from "react";
import { BrowserRouter as Router, Route } from "react-router-dom";
import Home from "./Home";
const App = () => (
<Router>
<div>
<Route exact path="/" component={Home} />
<Route path="/gb" component={Gitbook} />
</div>
</Router>
);
const Gitbook = () => {
window.location = `https://gb.yekai.net/?v=${process.env.REACT_APP_VERSION}`;
return (
<div className="loading-box"></div>
);
};
export default App;
复制代码
CRA 文档提到 process.env 必须使用 REACT_APP 的前缀
,所以我们这里命名为 REACT_APP_VERSION
。
而 version 的值,则希望能在每次运行发布时自动更新。
具体 package.json
定义如下:
{
"name": "yekai-net",
"version": "1.1.2",
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"publish": "REACT_APP_VERSION=$(npm version patch) npm run build && rsync -av ./build yekai:/root/centos-config/www/yekai.net/"
}
}
复制代码
当运行 npm run publish
时,会先使用 npm version patch
命令自动更新项目版本号(此例是 1.1.2 patch 后为 1.1.3),并设置给环境变量 REACT_APP_VERSION
。
所以后面的 npm run build
能将 React 代码中的 ${process.env.REACT_APP_VERSION}
变量,编译成具体的 version 值 1.1.3。
最后,使用 rsync
同步到远程主机即可。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- PostgreSQL 环境变量相关代码解析
- 使用代码仓库管理 GitLab CI 变量
- Thinkphp5框架变量覆盖导致远程代码执行
- [红日安全]代码审计Day14 – 从变量覆盖到getshell
- UWA GOT (Online) 支持自定义变量和代码段检测—你关注的性能瓶颈无处遁形!
- 全局变量,静态全局变量,局部变量,静态局部变量
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
精彩绝伦的jQuery
[美] Jake Rutter / 魏 忠 / 人民邮电出版社 / 2012-6 / 59.00元
内容简介: 通过创建更具交互性的富Web界面增强用户体验 本书阐述如何利用少量的JavaScript基础知识将jQuery框架整合进网站,以创建富Web界面,并建立兼容所有主流浏览器的交互性网站。作者是一位具有丰富经验的Web设计师和开发者,通过一系列指导性步骤清晰讲述了添加交互性以创建卓越Web应用的方法和技巧。 使用jQuery可以节省大量的开发时间,开发者在没有丰富编程经验......一起来看看 《精彩绝伦的jQuery》 这本书的介绍吧!