假设我有一个这样的图书馆:
src
--- component1
-------- component1.scss
-------- component1.js
--- component2
-------- component2.scss
-------- component2.js
我想将每个组件作为一个独立的包分发,而不是作为整个应用程序的公共(public)包(组件 1 + 组件 2 + 等):
dist
--- component1
-------- bundle1.js
--- component2
-------- bundle.js
这是只用一个 webpack 配置文件就可以实现的,还是我需要为每个组件定义一个入口/输出?
谢谢!
最佳答案
您可以使用多个入口点来实现这一点并将您的代码分成 block
{
entry: { a: "./a", b: "./b" },
output: { filename: "[name].js" },
plugins: [ new webpack.optimize.CommonsChunkPlugin("init.js") ]
}
https://webpack.js.org/concepts/output/#multiple-entry-points
关于javascript - 使用 webpack 的多个包,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41284690/