是否可以包含取决于用户是否安装了某个包的功能（可选功能）

Question

我正在编写一个模块，如果用户在他的项目react-intl 中安装了该模块，我希望它能够导出具有翻译功能的高级组件。

这样我就不必维护我的组件的两个版本以避免安装警告。

我一直在尝试使用optionalDepenceny，但是当他安装我的包时，它们已安装在用户的项目中。

通常，这是我要导入的源

/**
*
* ToggleOption
*
*/

import React from 'react';
import PropTypes from 'prop-types';
import Option from 'bootstrap-styled/lib/Option';

let injectIntl;
let intlShape;

// this make react-intl optional to our component and our module
try {
  const reactIntl = require('react-intl'); // eslint-disable-line
  injectIntl = reactIntl.injectIntl; // eslint-disable-line
  intlShape = reactIntl.intlShape; // eslint-disable-line
} catch (er) {
  injectIntl = null;
  intlShape = null;
}

/**
 * This component is automatically used when using `<Toggle />`
 * If you need a different option tag, instead just pass the prop `optionTag` of `<Toggle />`.
 */
const ToggleOption = ({
  tag: Tag,
  value,
  message,
  intl,
}) => (
  <Tag value={value}>
    {message && intl ? intl.formatMessage(message) : value}
  </Tag>
);

ToggleOption.defaultProps = {
  tag: Option,
};

/* eslint-disable react/require-default-props */
ToggleOption.propTypes = {
  /**
   * Replace the default component tag by the one specified. Can be:
   */
  tag: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.element,
    PropTypes.func,
  ]),
  /**
   * The value
   */
  value: PropTypes.string.isRequired,
  /**
   * react-intl messages (optional)
   */
  message: PropTypes.object,
};

let exported = ToggleOption; // eslint-disable-line import/no-mutable-exports

if (intlShape) {
  /** @ignore */
  ToggleOption.propTypes.intl = intlShape.isRequired;
  exported = injectIntl(ToggleOption);
}

export default exported;

有没有办法配置我的模块来做到这一点？

Answer 1

您可以检查testing if it's module (it's "namespace") was define (if (typeof Module !== "undefined")...) 是否已经包含/需要一个模块。

另一个选项，如果你想包含/需要一个可能已经安装的模块，是surround the include / require statement with a try / catch。

祝你好运！

编辑：

至于使用optionalDependencies，它不会更改您的代码 - 您仍然需要使用 try/catch 执行相同的检查。

Answer 2

package.json 中的可选依赖项始终默认安装。为了避免它们，您必须安装：

npm install [PACKAGE] --no-optional

您可以像我一样在描述中注明，例如：https://github.com/Llorx/updated-require

PS：你的代码很好。