AIV can inject version number for all your bundle files (css,js,html).
Example js:
// [AIV] Build version: 1.0.10
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
Example html:
<!-- [AIV] Build version: 1.0.10 -->
<!DOCTYPE html>
<html lang="en">
AIV can also auto inject your version number into html by using special code ( <{version}> ).
Example:
<span>My awesome project | <{version}></span>
$ npm install webpack-auto-inject-version --save-dev
var WebpackAutoInject = require('webpack-auto-inject-version');
module.exports = {
plugins: [
new WebpackAutoInject({
autoIncrease : boolean,
injectIntoHtml : boolean,
injectIntoHtmlRegex : regex,
injectIntoAnyFile : boolean
})
]
}
By default you don't need to pass any options, all options from Usage section are set by default.
Auto increase package.json number.
This option requires extra argument to be sent to webpack build.
Arguments: --major --minor --patch
Example for package.json run type, npm run start => ( 1.2.10 to 2.0.0 )
"version" : "1.2.10",
"scripts": {
"start": "webpack --major"
}
Default: true
Inject version number ( increased if autoIncrease is set correctly ) into HTML template
For this to work you need to place <{version}> inside your html file.
Example:
<span>My awesome project | <{version}></span>
Default: true
Regex to find your html file, where injectIntoHtml should try to find your <{version}> tag.
Default: /^index.html$/
This will inject your version file as a comment into any css,js,html file.
Default: true