@welldone-software/why-did-you-render 需要配合 babel 配置 importSource: '@welldone-software/why-did-you-render', 可以通 chain webpack 修改 babel 的预设 presetReact 部分增加, 我询问下 需要变成一个 feature 吗

新增 plugin.ts，内容如下，

export default (api) => {
  api.modifyBabelPresetOpts((memo) => {
    memo.presetReact.importSource = 'xxx';
    return memo;
  });
}

1. create src/global.ts ：

// src/global.ts

import React from 'react';

if (process.env.NODE_ENV === 'development') {
  const whyDidYouRender = require('@welldone-software/why-did-you-render');
  whyDidYouRender(React, {
    trackAllPureComponents: true,
  });
}

1. create ${projectRoot}/plugin.ts ( 和 package.json 同级 ) ：

// plugin.ts

import type { IApi } from "umi"

export default (api: IApi) => {
  api.modifyBabelPresetOpts((memo) => {
    memo.presetReact.importSource = '@welldone-software/why-did-you-render'
    return memo
  })
}

@welldone-software/why-did-you-render 需要配合 babel 配置 importSource: '@welldone-software/why-did-you-render', 可以通 chain webpack 修改 babel 的预设 presetReact 部分增加, 我询问下 需要变成一个 feature 吗

需要，最好变成 .umirc.ts里的一个 配置

另外，请问 ‘ chain webpack 修改 babel 的预设 presetReact 部分增加’ 该怎么增加，不怎么会这个

1. create src/global.ts ：

// src/global.ts

import React from 'react';

if (process.env.NODE_ENV === 'development') {
  const whyDidYouRender = require('@welldone-software/why-did-you-render');
  whyDidYouRender(React, {
    trackAllPureComponents: true,
  });
}

1. create ${projectRoot}/plugin.ts ( 和 package.json 同级 ) ：

// plugin.ts

import type { IApi } from "umi"

export default (api: IApi) => {
  api.modifyBabelPresetOpts((memo) => {
    memo.presetReact.importSource = '@welldone-software/why-did-you-render'
    return memo
  })
}

好像还是没效果

umi 3 没有 global.ts ，用 chainWebpack 把脚本加到 umi entry 前面（ prepend ）吧。

umi 3 没有 global.ts ，用 chainWebpack 把脚本加到 umi entry 前面（ prepend ）吧。

这个该怎么加呀，不太会😅

import path from 'path'

export default {
  chainWebpack(config) {
    const globalPath = path.join(__dirname, 'src/global.ts')
    config.entry('umi').prepend(globalPath)
  }
}

import path from 'path'

export default {
  chainWebpack(config) {
    const globalPath = path.join(__dirname, 'src/global.ts')
    config.entry('umi').prepend(globalPath)
  }
}

每个组件需要添加类似的代码，才会输出 log
好像全局输出的配置，没有用