如何将 package.json 版本写入我的 WebPack 捆绑包？

我的 package.json 文件包含我的模块的版本，该版本最终被编译到我包含在我的 Web 项目中的 app.bundle.js 文件中。我真的很想将 package.json 文件中的版本号写入 app.bundle.js 文件，作为文件开头的注释。

是否有 WebPack 插件可以执行此操作或 WebPack 本身的设置？

Webpack 附带了一个横幅插件 https://webpack.github.io/docs/list-of-plugins.html#bannerplugin这会在每个生成的块的顶部添加一个横幅。

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

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 https://github.com/dreyescat/react-rating/blob/v0.1.0/webpack.config.js#L2-L6该项目的一个工作示例。