在前端开发中，经常需要修改项目的版本号，并且要将修改后的版本号写入 package.json 文件。有时候我们需要手动修改版本号，但是这样容易出错并且比较繁琐。这时候就可以使用 write-version-to-package-json 这个 npm 包自动写入版本号。
安装
使用 npm 安装：
npm install write-version-to-package-json --save-dev
或者使用 yarn 安装：
yarn add write-version-to-package-json --dev
使用方法
1. 在 webpack.config.js 中添加插件
在 webpack.config.js 中添加如下代码：
const WriteVersionPlugin = require('write-version-to-package-json'); module.exports = { // ... plugins: [ new WriteVersionPlugin(), ], };
2. 确定版本号
将要写入 package.json 的版本号存储在一个变量中，例如：
const version = '1.0.0';
3. 使用
运行 webpack 时，插件会自动将变量中存储的版本号写入 package.json 文件中：
webpack --mode production
4. 完整示例
-- -------------------- ---- ------- ----- ------------------ - ----------------------------------------- ----- ------- - -------- -------------- - - -- --- -------- - --- --------------------- -- --展开代码
指导意义
使用 write-version-to-package-json 这个 npm 包可以方便我们写入 package.json 中的版本号，避免手动修改而出现错误，并且提高了开发效率。同时，插件代码简单，易于使用和理解，可以帮助初学者了解 webpack 插件的编写方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671138dd3466f61ffe557
