react开发组件并发包到npm

发包方式1

不用本地编译，直接将组件tsx等，发到npm上。
优点是非常的方便组件开发，几乎不用任何多余处理。
缺点是需要在项目引用的时候进行手动配置此node_modules/YourCmp进行编译（默认情况下，项目都会忽略node_modules里的代码编译），具体配置如下
webpack.config.js 修改rules字段，让只编译src扩充到也编译你的包，即可。

{
    test: /\.(js|mjs|jsx|ts|tsx)$/,  
    // 原来这有这个 include: paths.appSrc，
    // 其中paths.YourCmp即在path中定义的你组件包的路径 resolveApp('node_modules/YourCmp')
    include: [paths.appSrc,paths.YourCmp], 
    ...
}

发包方式2

因为方式1，使用者会很麻烦，所以一般不推荐，来说说方式2.

标签：npm,paths,YourCmp,modules,react,编译,发包,组件
来源： https://www.cnblogs.com/dingshaohua/p/16342435.html