想把一個(gè)在多個(gè)項(xiàng)目都引用的react組件，抽出來(lái)放到cdn上，應(yīng)該如何做呢

1. 打包發(fā)布到 npm 上
2. 如果比較敏感，可以搭建公司內(nèi)部私有 cnpm：https://blog.csdn.net/kaosini...
3. 部署到公司私有的倉(cāng)庫(kù)中，npm 是可以直接選擇依賴(lài)倉(cāng)庫(kù)項(xiàng)目的：https://docs.npmjs.com/cli/in...
4. 編譯成 dll

你要解決的只是組件共享的問(wèn)題，上cdn顯得小題大做了...

如果項(xiàng)目共享目錄，那么在目錄頂層設(shè)置組件目錄；

如果項(xiàng)目連接同一個(gè)內(nèi)網(wǎng)，可以設(shè)置內(nèi)部npm；

最后可以考慮把這個(gè)組件開(kāi)源發(fā)布到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>
    )
  }
}