Question

我正在尝试使用https://www.npmjs.com/package/git-revision-webpack-plugin这个webpack插件在我的反应应用程序中显示git commit hash，该插件据说会公开COMMITHASH变量

在我的jsx中，我包括：

<p>{process.COMMITHASH}</p>

并在生产webpack配置中安装了插件，如下所述：

plugins: [
  new GitRevisionPlugin()
]

但是生成的html返回<p></p>

Answer 1

如果您想访问代码中的COMMITHASH变量，则需要使用Define插件，就像在此处的文档中所述：https://www.npmjs.com/package/git-revision-webpack-plugin#plugin-api

var GitRevisionPlugin = require('git-revision-webpack-plugin');
var webpack = require('webpack');
var gitRevisionPlugin = new GitRevisionPlugin()

module.exports = {
  plugins: [
    new webpack.DefinePlugin({
      'VERSION': JSON.stringify(gitRevisionPlugin.version()),
      'COMMITHASH': JSON.stringify(gitRevisionPlugin.commithash()),
    })
  ]
};

然后每次出现COMMITHASH＆＃34;常数＆＃34;在构建捆绑包时，应在webpack中替换代码。

如何使用webpack输出的变量？

1 个答案: