如何使用 webpack 捆绑没有 npm 依赖的库？答案

【问题标题】：How to bundle library without npm dependencies using webpack?如何使用 webpack 捆绑没有 npm 依赖的库？
【发布时间】：2015-07-02 12:54:58
【问题描述】：

场景是我正在开发一个供网站使用的组件，并希望将我创建的文件合并到一个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 转换并连接起来？

【问题讨论】：

【解决方案1】：

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

externals: {
    react: 'react',
}

【讨论】：

这对于单个依赖项是正确的。对于多个依赖项，我使用了var fs = require('fs'), node_modules = fs.readdirSync('node_modules'); module.exports = { externals: node_modules };