Javascript 如何从自定义组件的生成中删除react？

我正在学习如何制作

自定义组件或库

，并在

npm

上发布。我在这里找到了一个

免费的
教程：


github链接


但我面临一个问题。
他创建了一个简单的组件自定义按钮

import React, { Component } from 'react';

import '../style/button.scss';

export default class CustomButton extends Component {

    render() {
        return(
            <button>Custom button</button>
        );
    }

}

任何更新？
为了使用
webpack
将
react
排除在您的构建之外，您只需在配置中声明
externals
，如下所示：

externals: {
  react: "react",    
}

当您使用上面的
umd
模块输出时，它需要
react
作为构建中的依赖项，这意味着它将在父（消费）repo中消费
react
：

externals: {
  react: "react",    
}

(function webpackUniversalModuleDefinition(root, factory) {
    if(typeof exports === 'object' && typeof module === 'object')
        module.exports = factory(require("react"));
 // ...