Question

我一直在做反应。我不像webpack一样使用模块加载器。

我只使用npm从npm install获取文件，然后从dist文件夹中获取dist。让巴贝尔从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')
        );

Answer 1

我认为你可以从github下载他们的代码，运行npm run compile并在你的页面中包含lib文件夹的内容。

但是，为什么不使用webpack？我知道你想要为前端应用程序构建某种扩展，但是使用webpack，你可以实际构建所有代码，然后将其编译成一个简单的html和css，可以在每个浏览器中使用。有关详细信息，请参阅本指南... https://survivejs.com/webpack/introduction/

重用反应组分可公开获得

1 个答案: