vue3 index.html显示package.json版本号

要在 Vue3 的 index.html 文件中显示 package.json 文件中的版本号，可以使用 webpack 的 html-webpack-plugin 插件。

首先，安装 html-webpack-plugin：

npm install --save-dev html-webpack-plugin

然后，在 webpack.config.js 文件中配置该插件：

const HtmlWebpackPlugin = require('html-webpack-plugin');
const packageJson = require('./package.json');

module.exports = {
  // ...
  plugins: [
    new HtmlWebpackPlugin({
      template: './public/index.html',
      templateParameters: {
        version: packageJson.version
      }
    })
  ]
};

在上面的代码中，我们首先引入了 html-webpack-plugin 和 package.json 文件。然后在 webpack 的 plugins 中配置了该插件，并在 templateParameters 中传入了 package.json 的版本号，这个版本号可以在 index.html 中使用。

最后，在 index.html 中使用如下代码来显示版本号：

<div>Version: <%= htmlWebpackPlugin.options.templateParameters.version %></div>

这样就可以在 Vue3 的 index.html 文件中显示 package.json 的版本号了。