构建模块以在没有模块的环境中使用它

Question

我们的应用程序使用TypeScript的名称空间，而不使用任何类型的模块。我们希望使用react-datepicker，它是使用模块编写的。

例如，它包含以下代码：

import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import onClickOutside from 'react-onclickoutside';
import moment from 'moment';
import { Manager, Popper, Target } from 'react-popper';
...
export default DatePicker;

或变音的：

var React = _interopDefault(require('react'));
var PropTypes = _interopDefault(require('prop-types'));
var classnames = _interopDefault(require('classnames'));
var onClickOutside = _interopDefault(require('react-onclickoutside'));
var moment = _interopDefault(require('moment'));
var reactPopper = require('react-popper');
...
exports['default'] = DatePicker;

需要为这个包构建一些js包，它将包含react-datepicker本身作为全局变量DatePicker，以及它的所有依赖项，除了react，moment，classnames。

这些库已经作为全局变量(React、moment、classNames)添加到应用程序中，因此它应该使用这些全局变量。

是否有一些用于rollup、webpack等的插件和技术可以帮助构建这样的捆绑包？