无论如何，是否只有更少的缩小和反应组件，以便在不捆绑它们的情况下与 webpack node_modules?

Question

我正在创建一个包含许多 React 组件的 node_modules 包，这些组件稍后可以安装到node_modules文件夹中，每个组件都有一些导入js甚至更少......

我想单独缩小每个组件，将其导出 es5 模块以单独在 react-app 中使用，单独缩小它们(javascript 和更少(，而无需从 npm 捆绑导入的模块(它们仍然是必需的(......

我尝试了一些有效的方法，但是有什么好方法可以停止 webpack 捆绑吗？ 在这种情况下，webpack.config.js会是什么样子？

Answer 1

您可以将 webpack config 导出为每个模块的配置数组：

module.exports = [
{
entry: './src/apple',
mode: 'production',
output: {
library: 'apple',
libraryTarget: 'umd',
filename: 'apple.min.js',
},
},
{
entry: './src/orange',
mode: 'production',
output: {
library: 'orange',
libraryTarget: 'umd',
filename: 'orange.min.js',
},
},
];

请注意，这是一个 webpack 4 示例，但以前的版本也允许数组(尽管它们没有mode(。如果有共享配置，您当然可以为每个项目传播/合并共享部分。