使用 webpack 的多个捆绑包答案

【问题标题】：Multiple bundles with webpack使用 webpack 的多个捆绑包
【发布时间】：2017-05-08 04:05:27
【问题描述】：

假设我有一个这样的库：

src
--- component1
-------- component1.scss
-------- component1.js   

--- component2
-------- component2.scss
-------- component2.js

我想将每个组件作为一个独立的包分发，而不是作为整个应用程序的公共包（component1 + component2 + etc）：

dist
--- component1
-------- bundle1.js  

--- component2
-------- bundle.js

这是否可以仅使用一个 webpack 配置文件来实现，还是我需要为每个组件定义一个条目/输出？

谢谢！

【问题讨论】：

【解决方案1】：

您可以使用多个入口点来实现这一点并将您的代码拆分为块

{
  entry: { a: "./a", b: "./b" },
  output: { filename: "[name].js" },
  plugins: [ new webpack.optimize.CommonsChunkPlugin("init.js") ]
}

【讨论】：