js 获取 package.json 版本号

你可以使用以下代码获取 package.json 的版本号：

const packageJson = require('./package.json');
const version = packageJson.version;
console.log(version);

其中，`./package.json` 是你的 package.json 文件的路径，`version` 是获取到的版本号。

相关问题

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 的版本号了。

package-lock.json和package.json

package-lock.json和package.json是在Node.js项目中使用的两个重要文件。

package.json是一个描述项目依赖关系和其他元数据的文件。它包含了项目的名称、版本号、作者、许可证等信息，还列出了项目所需的所有依赖包及其版本范围。当你运行npm install命令时，它会根据package.json文件中的依赖关系下载并安装所需的软件包。

package-lock.json是在运行npm install命令时自动生成的文件。它是一个锁定文件，确保每次安装相同的依赖包版本。它记录了每个依赖包的确切版本号以及它们之间的依赖关系树。这样，当多个开发者在不同的环境中运行npm install时，他们都会得到相同的依赖包版本，避免了由于不同版本引起的问题。

总结起来，package.json是开发者手动编辑的文件，用于定义项目的元数据和依赖关系。而package-lock.json是自动生成的锁定文件，用于确保每次安装相同的依赖包版本。