我如何将package.json版本写入到WebPack包中？

我的package.json文件包含了一个我的模块的版本，最终被编译成一个app.bundle.js文件，包含在我的web项目中。 我真的很想把package.json文件中的版本号写在app.bundle.js文件中，作为注释在文件的开头。

有WebPack插件来做到这一点或与WebPack本身的设置？

Answer 1

Webpack附带了一个BannerPlugin ，在每个生成的块的顶部添加一个横幅。

您可以要求您的package.json并将其用作任何常规JavaScript对象来获取version字段。

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

然后使用它来生成将在BannerPlugin使用的所需横幅string。

webpack.config.js

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

我用它来从package.json文件和其他信息的版本添加到我自己的库的顶部。 检查这个项目的webpack.config.js作为一个工作的例子。