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

Question

我的package.json文件包含我的模块的一个版本，最终将其编译成我在web项目中包含的app.bundle.js文件。我真的希望将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中使用的所需横幅字符串。

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以获取工作示例。