想把一个在多个项目都引用的react组件，抽出来放到cdn上，应该如何做呢

Question

实习的公司有一个组件，好几个项目都需要用，每次修改起来特别麻烦，现在想把这个react组件，抽出来放到cdn上，要怎么操作呢？
直接用webpack打包然后把打包后的文件拿出来就可以么？
但是公司的代码都是一起打包的，如何单独打包呢

Answer 1

你要解决的只是组件共享的问题，上cdn显得小题大做了...

如果项目共享目录，那么在目录顶层设置组件目录；

如果项目连接同一个内网，可以设置内部npm；

最后可以考虑把这个组件开源发布到npm上

=========================================

// cdn.js
// need compile
class Button extends React.Component {
  render() {
    return (
      <div>
      </div>
    )
  }
}
window.customComponent = window.customComponent || {}
window.customComponent.Button = Button


// other app
const Button =  window.customComponent.Button

class Modal extends React.Component {
  render() {
    return (
      <div>
        <Button2 />
      </div>
    )
  }
}

Answer 2

1. 打包发布到 npm 上
2. 如果比较敏感，可以搭建公司内部私有 cnpm：https://blog.csdn.net/kaosini...
3. 部署到公司私有的仓库中，npm 是可以直接选择依赖仓库项目的：https://docs.npmjs.com/cli/in...
4. 编译成 dll