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