Question

我们说我有一个像这样的图书馆：

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

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

我想将每个组件分发为一个独立的bundle，而不是作为整个app（component1 + component2 + etc）的常见包：

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

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

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

谢谢！

Answer 1

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

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