javascript - 如何使用 webpack 在没有 npm 依赖项的情况下捆绑库？

Question

场景是我正在开发一个供网站使用的组件，并希望将我创建的文件合并到一个 index.js 中以便于使用。

文件 index.jsx 包含行 var header = require('./header.jsx'); 和 header.jsx 包含var React = require('react'); 行，其中 React 已添加为 npm 模块。

如果我在命令行上使用 webpack --module-bind jsx --entry .\src\index.jsx --output-file .\dist\index.js 这会产生一个很大的包含 React 源的文件。

有没有办法让我的 index.jsx 和 header.jsx 转换和连接？

Answer 1

您可以将 React 标记为 an external实现这一目标。即。

externals: {
    react: 'react',
}