1.0.5 • Published 6 months ago
@chensi-thunder/fe-project-base-info-plugin v1.0.5
fe-project-base-info-plugin
该包为 webpack plugin，主要用于在全局 window.fe 对象上挂载项目基础信息，便于快速定查阅，具体使用见当前文档
在控制台输入 window.fe 即可获取下述格式信息：
{
name: "demo",
version: "1.0.5",
branch: "master",
commitId: "9ec20bc7de33ac76a78eb2cca80642fb61eacceb",
packTime: "2021-03-10 09:33:35"
}Install:
$ npm install @chensi-thunder/fe-project-base-info-plugin@1.0.0 --save-dev相关配置
在 webpack 中引入
const FeProjectBaseInfoPlugin = require('FeProjectBaseInfoPlugin')
const isProduction = process.env.NODE_ENV === 'production'
...
configureWebpack: config => {
isProduction && config.plugins.push(new FeProjectBaseInfoPlugin())
}
...结果：index.html <body> 标签底部会插入下述格式代码：
<script type="text/javascript">window.fe = {"name":"demo","version":"1.0.5","branch":"master","commitId":"9ec20bc7de33ac76a78eb2cca80642fb61eacceb","packTime":"2023-03-10 09:33:35"}</script>注意事项
- 该包依赖 git 来获取项目基础仓库信息，如
git rev-parse --abbrev-ref HEAD获取分支「在非 git 环境下获取不到任何信息」； - 该包版本信息，沿用了
package.json中的 version 字段； - 挂载
window.fe是通过html-webpack-plugin插件相关 hooks 实现「该插件兼容了 v4.0.0+ 和 v3.2.0 版本」； - 该包依赖
html-webpack-plugin、shelljs。