statistics-webpack-plugin

statistics-webpack-plugin

statistic project

目前仅支持.vue和.js文件统计

支持vue2和vue3项目

npm install

npm install statistics-webpack-plugin --save-dev

Usage

默认统计element-ui组件使用情况

const StatisticsWebpackPlugin = require('statistics-webpack-plugin');

module.exports = {
  plugins: [
    new StatisticsWebpackPlugin()
  ]
}

统计其他UI组件，统计ant-design组件

const StatisticsWebpackPlugin = require('statistics-webpack-plugin');

module.exports = {
  plugins: [
    new StatisticsWebpackPlugin({
      regex: /<(ant-[a-z\-]+)/g, // Ant Design
    })
  ]
}

可同时统计多个UI组件

const StatisticsWebpackPlugin = require('statistics-webpack-plugin');

module.exports = {
  plugins: [
    new StatisticsWebpackPlugin({
      regex: /<(ant-[a-z\-]+)/g, // Ant Design
    }),
    new StatisticsWebpackPlugin({
      regex: /<(van-[a-z\-]+)/g, // Vant UI
    })
  ]
}

参数

参数	说明	类型	默认值
regex	正则表达式，用于匹配需要统计的组件	RegExp	/<(el-[a-z-]+)/g
fileTypes	要统计的文件类型	String(vue/all)	vue

注意

1. 组件使用统计只在开发环境下生效