webpack版本管理插件

generate-version-webpack-plugin

在webpack中配置，在構建項目時會在 output指定目錄下生成 version文件夾。經過訪問 version/index.html，便可進行版本信息展現。

效果展現

共支持兩種展示形式，可在使用中自由切換。

效果一

效果二

使用方式

安裝

npm install generate-version-webpack-plugin --save-dev

建立version.json文件，用於填寫版本信息

文件名須要與指定的 dataPath值匹配， dataPath默認爲 path.join(__dirname, './version.json')

[
    {
        "number": "v0.0.1",
        "date": "2019-08-28",
        "list": [
            {
                "type": "1",
                "value": "init generate-version-webpack-plugin"
            },
            {
                "type": "1",
                "value": "support customize type and dataPath"
            }
        ]
    }
]

在webpack 中進行配置

plugins: [
    new VersionPlugin()
]

配置參數

new VersionPlugin({
    // 指定顯示title [當前展現的爲默認值]
    title: '更新日誌',

    // 指定版本信息數據的絕對路徑, 必設項。 [默認值使用數據爲插件自身的版本信息]
    dataPath: path.join(__dirname, './version.json'),

    // 配置version.json 中 的list.type 值文本對應關係 [當前展現的爲默認值]
    type: {
        '1': {
            text: '新增',
            style: 'color: green'
        },
        '2': {
            text: '修復',
            style: 'color: red'
        },
        '3': {
            text: '優化',
            style: 'color: orange'
        }
    }
})