rev-static v3.6.0

rev-static

features

add version in file name for css and js files

index.js

becomes:

index-caa02e8ba0c5af68e9ac7728da2bed75.js

change file name of css and js files in html files

<script src="index.js"></script>

becomes:

<script src="index-caa02e8ba0c5af68e9ac7728da2bed75.js"></script>

calculate sha for css and js files, then add it in integrity property

<script src="index.js" crossOrigin="anonymous"></script>

becomes:

<script src="index-caa02e8ba0c5af68e9ac7728da2bed75.js" crossOrigin="anonymous" integrity="sha256-cHLd68M3ekn8P2d8tYdJIV91nSbWrWsu02yI8MEVvYU="></script>

support glob

support config file for options

rev-static --config rev-static.debug.js

inline small js or css file

install

yarn global add rev-static

usage

rev-static --config rev-static.config.js // config the config file path
rev-static -v
rev-static --version
rev-static --watch
rev-static --config rev-static.config.ts

options

config file

core structure

{
  "sri": {
    "fooJs": "sha256-+dZ6udsWxNVoGfScAq7t5IIF5UJb4F6RhjbN6oe1p4w=",
    "foo2Js": "sha256-472ZphjBz2mNWVsknzB8w8rybok1qJl+LKGkqi4XX54=",
    "barCss": "sha256-up7mALOXxS9RzUpTmUIG02GpdK3MsSiMX1Zvco/4J68=",
    "testPng": "sha256-s6pVclbzXpnC5m5oiDf3vdHQskc3AX1vz6h3HRYHgkQ="
  },
  "fooJs": "foo-cb6143ff70a133027139bbf27746a3c4.js",
  "foo2Js": "foo2-42a7b8c.js",
  "barCss": "bar-84f794affa62674553872916601669fe.css",
  "testPng": "test-9d97966727a2d68e865bd7dcf26202df.png"
}

demo in this repository

1. download or clone this repository
2. run rev-static(the options is already in rev-static.config.js)

develop

check scripts part in package.json file, then run npm run [a script name].

change logs

v3

• noOutputFiles removed
• Usage from nodejs removed
• All cli command except -v, --version, --config removed, in favor of config file
• the outputFiles cannot be string[] any more

v2

// before
// default configuration file path: rev-static.config.json

// after
// default configuration file path: rev-static.config.js

// before
rev.revisionCssJs(["demo/foo.js", "demo/bar.css"], { shaType: 256 }).then(variables => { });

// after
const variables = rev.revisionCssJs(["demo/foo.js", "demo/bar.css"], { shaType: 256 });