README-zh_CN.md

perfume-webpack-plugin

perfume.js的Webpack插件

English | 简体中文

安装:

首先安装npm包

npm i perfume-webpack-plugin -D

导入库

import PerfumeWebpackPlugin from 'perfume-webpack-plugin'

如果使用CommonJS的方式导入

const PerfumeWebpackPlugin = require('perfume-webpack-plugin').default

示例:

const apiKey = 'xxx'
module.exports = {
  plugins: [
    new PerfumeWebpackPlugin({
      entry: /app\.js$/,
      fps: true,
      dataConsumption: true,
      resourceTiming: true,
      cumulativeLayoutShift: true,
      isMerge: true,
      reportUrl: `https://example.com/report?apiKey=${apiKey}`,
      ignoreResource: [{ key: 'name', value: '/report' }],
      logging: false,
    })
  ]
}

默认选项:

const options = {
  entry: /app\.js$/,
  // Metrics
  fps: false,
  dataConsumption: false,
  resourceTiming: false,
  cumulativeLayoutShift: false,
  // Analytics
  tag: '',
  reportUrl: '',
  ignoreResource: [],
  isMerge: false,
  analyticsTracker: option => {},
  // Logging
  logPrefix: 'Perfume.js:',
  logging: true,
  maxMeasureTime: 15000,
};

License

MIT