How would I write the package.json version to my WebPack bundle?

Question

My package.json file includes a version for my module, which ultimately get's compiled into an app.bundle.js file that I include in my web project. I would REALLY like to have the version number from the package.json file written to the app.bundle.js file as a comment right at the beginning of the file.

Is there a WebPack plugin to do this or a setting with WebPack itself?

Answer 1

Webpack comes with a BannerPlugin that adds a banner to the top of each generated chunk.

You can require your package.json and use it as any regular JavaScript object to get the version field.

var PACKAGE = require('./package.json'); var version = PACKAGE.version; 

Then use it to generate the desired banner string that will be used in the BannerPlugin.

webpack.config.js

var PACKAGE = require('./package.json'); var banner = PACKAGE.name + ' - ' + PACKAGE.version;  module.exports = {   // Other stuff   plugins: [     new webpack.BannerPlugin(banner)   ] }; 

I have used it to add the version from the package.json file and other info to the top of a library of my own. Check the webpack.config.js of this project for a working example.