介绍
Webpack 是一个非常流行的 JavaScript 模块打包器，它可以将代码模块打包成为可在浏览器中执行的文件。除此之外，Webpack 还提供了许多插件和 loader，以增强其功能。
webpack-version-plugin 是一款非常有用的 Webpack 插件，它可以自动为你的应用程序添加版本号。当你需要发布新版本时，你只需要更改版本号，重新生成文件即可，不需要手动更改文件名或 URL。
在本篇文章中，我们将向大家介绍如何使用 webpack-version-plugin，包括其安装、配置和示例。
安装
你可以使用 npm 命令来安装 webpack-version-plugin：
npm install webpack-version-plugin --save-dev
配置
在使用 webpack-version-plugin 之前，你需要先在 Webpack 配置文件中引入它：
const VersionPlugin = require('webpack-version-plugin');然后在 plugins 中实例化它，并将它加入到 plugins 数组中：
plugins: [
new VersionPlugin({
version: '1.0.0'
})
]在上述例子中，我们为插件传递了一个参数 version，这个参数表示文件版本号。你可以将它设置为任何字符串。在插件工作时，它会将这个参数添加到所有输出文件名中。
除此之外，该插件还有其他配置项。下面是一些常用的配置示例：
new VersionPlugin({
version: '1.0.0', // 文件版本号
outputName: '[name].[version].js', // 输出文件名格式，其中 [name] 表示文件名，[version] 表示版本号
verbose: true, // 是否输出详细信息
createModuleManifest: true, // 是否生成模块清单
runOnce: true, // 是否只运行一次
callback: function(version) {} // 插件回调函数
})示例
下面是一个基本的示例：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------------- - ----------------------------------
-------------- - -
------ -----------------
------- -
----- ----------------------- --------
--------- ----------------------------
--
-------- -
--- ---------------
-------- -------
--
-
--在上述示例中，我们给插件传递了一个名为 version 的参数，这个参数在生成文件名中被使用。
总结
webpack-version-plugin 是一个非常有用的 Webpack 插件，它可以为你的应用程序自动生成版本号。在该插件的帮助下，你可以避免手动更改文件名或 URL，省去了很多时间和麻烦。在使用该插件时，你需要先引入它，然后在 plugins 中实例化它，并传入相应的参数。这样，你就可以获得一个有版本号的输出文件了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c4c81e8991b448ebd12