Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

put-version

lgkonline6MIT1.0.10

A small tool to put the version from your package.json to all ressources in a HTML document.

version, cache, browser, tool

readme

put-version

With this tool you can archieve to turn this:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <script src="script.js"></script>
</body>
</html>

to this:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="style.css?version=1.4.0">
</head>

<body>
    <script src="script.js?version=1.4.0"></script>
</body>
</html>

Why?

Browsers cache scripts and stylesheets. When you change the path like this you force the browser to receive the latest versions.

Install

Install it easily with NPM:

npm i put-version -D

Usage

put-version [filePath]

Example: put-version ./index.html

Then you should register it your package.json so it will always get executed when you create a new build:

{
  "name": "your-app",
  "version": "1.0.0",
  "scripts": {
    "build": "put-version ./index.html"
  },
  ...
}