@digitalzz/count-components-webpack-plugin v1.1.2

Introduce

统计项目中第三方组件使用情况，包括项目名称、项目版本、组件库名称、组件名称、组件版本

项目名称使用的是package.json中 projectName 字段，如果没有则使用package.json中 name 字段，项目版本使用的是package.json中 version 字段，非必须。

为了方便统计请在package.json中添加projectName字段，写项目中文名称。

Install

yarn add @digitalzz/count-components-webpack-plugin --dev

Use

webpack 配置中增加插件配置

import { CountComponentsWebpackPlugin } from '@digitalzz/count-components-webpack-plugin'

// in webpack plugin array
new CountComponentsWebpackPlugin()

Options

插件的配置项

• * libraryName (string | array) - 第三方组件库名称前缀，可以是数组，也可以是字符串

  default: '@digitalzz'

  string 组件库名称前缀 - 例如：'@digitalzz'

  array 组件库名称前缀数组 - 例如：'@digitalzz', 'antd'

• * apiUrl: string - 统计数据上报地址，公共配置，默认不需要配置

  default: ''

• * ignores: string[] - 忽略统计的组件名称

  default: []

  例如：'Button', 'Input', 'DgzAuditLog'

• * enable: boolean - 是否开启统计

  default: true

建议测试环境关闭统计，生产环境开启统计

• * debug: boolean - 是否开启调试模式，开启后会打印统计信息

  default: false

umi 项目中如何配置

import { CountComponentsWebpackPlugin } from '@digitalzz/count-components-webpack-plugin';

chainWebpack(config) {
  config
    .plugin('count-components-webpack-plugin')
    .use(CountComponentsWebpackPlugin);
}

// 修改默认配置
chainWebpack(memo) {
  memo
    .plugin('count-components-webpack-plugin')
    .use(CountComponentsWebpackPlugin, [
      {
        libraryName: ['@digitalzz', 'antd'],
        enable: true,
        ignores: [],
        enable: true,
      },
    ]);
},