如何使用 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',
}