Использование React (SlickGrid) в существующем проекте

Question

Я хочу встроить код React в мой существующий проект. Я хочу добавить SlickGrid в мой существующий проект. Вот мой пример кода.

В доме. html, я импортирую библиотеки React, как показано ниже.

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.11.2/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.5.2/redux.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-with-addons.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.4.5/react-redux.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/redux-thunk/2.3.0/redux-thunk.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"
    integrity="sha256-1fEPhSsRKlFKGfK3eO710tEweHh1fwokU5wFGDHO+vg=" crossorigin="anonymous"></script>

<script src="/activity/js/React/Containers/SlickGrid/SlickGrid.js" type='text/babel'></script>
<script src="/activity/js/React/SlickGrid/Greeting.js" type='text/babel'></script>

В приветствиях. js, работает.

const { connect, Provider } = ReactRedux; // import {connect, Provider} from 'react-redux';
const { createStore, compose } = Redux; // import {createStore} from 'redux';
const { Component } = React; // import {Component} from 'react';
const { map } = _; // import {map} from 'lodash'
var Greeting = React.createClass({
    render: function () {
        return (
            <p>Hello, Universe</p>
        )
    }
});
ReactDOM.render(
    <Greeting />,
    document.getElementById('greeting-div')
);

Но я хочу использовать SlickGrid, импортируя пакет из узловых модулей, как показано ниже. Я установил пакет slickgrid-es6. npm i slickgrid-es6 --save в SlickGrid. js,

import { Data, FrozenGrid as Grid, Plugins } from "slickgrid-es6";

Несмотря на то, что я импортировал require. js в Home. html, я не могу загрузить slickgrid с помощью команды import.

require.min.js:1 Uncaught Error: Module name "slickgrid-es6" has not been loaded yet for context: _. Use require([])
https://requirejs.org/docs/errors.html#notloaded
    at makeError (require.min.js:1)
    at Object.s [as require] (require.min.js:1)
    at requirejs (require.min.js:1)
    at eval (eval at transform.run (browser.min.js:4), <anonymous>:8:21)
    at Function.transform.run (browser.min.js:4)
    at exec (browser.min.js:4)
    at browser.min.js:4
    at XMLHttpRequest.xhr.onreadystatechange (browser.min.js:4)

Как я могу использовать пакет SlickGrid React в моем проекте?