重複使用公開提供的反應組分

我一直在做一些反應。我不使用模塊裝載機，雖然像webpack。重複使用公開提供的反應組分

我只使用npm從npm install獲取文件，然後從dist文件夾中獲取dist。而babel從es6到es5。

我從來沒有能夠找出如何重用一個反應組件，他們似乎使用某種require。你能否介紹一下我如何重用我在npm上找到的組件？

下面是例子，我如何使用它：

<link rel="stylesheet" href="/styles/app.css" /> 

    <script src="/scripts/3rd/polyfill.min.js"></script> 
    <script src="/scripts/3rd/comm/webext.js"></script> 
    <script src="/scripts/3rd/react-with-addons.min.js"></script> 
    <script src="/scripts/3rd/react-dom.min.js"></script> 
    <script src="/scripts/3rd/redux.min.js"></script> 
    <script src="/scripts/3rd/react-redux.min.js"></script> 
    <script src="/scripts/app.js"></script> 
</head> 
<body> 
    <div id="root"></div> 
</body>

然後我的JS是：

 ReactDOM.render(
      React.createElement(ReactRedux.Provider, { store }, 
       React.createElement(App) 
      ), 
      document.getElementById('root') 
     );

來源

2016-11-02 Noitidart

我建議您介紹Node教程，它會讓您瞭解JavaScript模塊的速度。另外我會建議使用官方的React啓動器項目，它不需要設置，它使用模塊https://github.com/facebookincubator/create-react-app – azium

你能舉個例子嗎？ – netchkin

@azium我無法使用create-react-app，因爲我的目標是瀏覽器的擴展。 – Noitidart

我想你可以只下載他們的代碼來自github，那裏r un npm run compile，並在頁面中包含lib文件夾的內容。

但是，爲什麼不使用webpack？我知道你要爲前端應用程序構建某種擴展，但是使用webpack，你可以實際構建所有代碼，然後將其編譯爲一個簡單的html和css，這可以在每個瀏覽器中使用。有關更多詳細信息，請參閱本指南... https://survivejs.com/webpack/introduction/

來源

2016-11-02 20:38:51 netchkin

非常感謝netchkin！我會嘗試這個並回復你。我不使用webpack，因爲瀏覽器擴展系統有我自己的模塊加載系統。前端和瀏覽器之間建立了連接。我不明白webpack在底層的複雜性，這讓我感到失控。 :( – Noitidart

我經常對webpack感到失去控制，幸運的是，這只是一個玩弄它並且有很好的教程的問題，學習它的最好方法是從簡單開始並逐漸建立起來。你會一直了解正在發生的事情，並且不會把功能放到你還沒有學到的地方 – netchkin

我會開始試驗它netchkin感謝分享你感覺一樣！:) – Noitidart

重複使用公開提供的反應組分

回答

相關問題