想利用webpack-version-plugin 生成版本号 但是不成功

Question

网上找了个插件，想用来生成版本号https://www.npmjs.com/package...
项目是使用creat-react-app生成的，没有效果，也没有报错，不知道哪里写错了。yarn build 后console.log(hashMap)也没执行。

const WebpackVersionPlugin = require('webpack-version-plugin')
const versionConfig = require(path.join(__dirname, '../version.json'));

    plugins: [
      new WebpackVersionPlugin({
        // You must set the cb option
        cb: function (hashMap) {
          console.log(hashMap);
          versionConfig.appVersion = hashMap.app.chunkHash;
          fs.writeFileSync(path.join(__dirname, '../version.json'), JSON.stringify(versionConfig, null, 2));
        }
      })
      ,
      // new HelloWorldPlugin({ options: true }),

      // Generates an `index.html` file with the <script> injected.
      new HtmlWebpackPlugin(
        Object.assign(
          {},
          {
            inject: true,
            template: paths.appHtml,
          },
          isEnvProduction
            ? {
              minify: {
                removeComments: true,
                collapseWhitespace: true,
                removeRedundantAttributes: true,
                useShortDoctype: true,
                removeEmptyAttributes: true,
                removeStyleLinkTypeAttributes: true,
                keepClosingSlash: true,
                minifyJS: true,
                minifyCSS: true,
                minifyURLs: true,
              },
            }
            : undefined
        )
      ),

Answer 1

问题中webpack使用方法没有问题，问题出现在webpack的启动项上。
因为引入了antd-mobile。根据文档将启动项改成了 react-app-rewired。
只要将packge.json改回去即可。

/* package.json */
"scripts": {
-   "start": "react-scripts start",
+   "start": "react-app-rewired start",
-   "build": "react-scripts build",
+   "build": "react-app-rewired build",
-   "test": "react-scripts test --env=jsdom",
+   "test": "react-app-rewired test --env=jsdom",
}

但是这会导致一个问题， antd-mobile样式没有被引入。
可以这样做yarn add babel-plugin-import
在packge.json下的babel属性上增加一个plugins节点，代码如下

  "babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "import",
        {
          "libraryName": "antd-mobile",
          "style": "css"
        }
      ]
    ]
  },