Create React App 脚手架配置inspector

RMAG news

1、先安装依赖包

npm i D @reactdevinspector/babelplugin reactdevinspector

2、config-overrides.js配置插件

const {override,addBabelPresets,addBabelPlugins} = require(customize-cra);
const webpackConfig=override(
addBabelPresets(@babel/preset-env,@babel/preset-react),
addBabelPlugins(xxx,[@react-dev-inspector/babel-plugin,{enable:true}])
)

3、根目录文件index.tsx

import{Inspector} from react-dev-inspector

ReactDOM.render(
<React.StrictMode>
<Inspector>
<App/>
</Inspector>
</React.StrictMode>
)

Please follow and like us:
Pin Share