具有单独入口点的 webpack 可重用模块?
webpack re-useable modules with separate entry points?
当您将输出作为 library
或 module
使用时,我对使用 webpack 的最佳方式感到有点困惑,所以例如让我们假装我有:
- 一些-model.js
- 一些-logic.js(消耗一些模型)
然后我想在几个单独的项目中重新使用上面的内容,所以我把上面的内容编译成一个包很好,所以我现在有 some-bundle.js
我想基本上能够在浏览器:
var someLogic = new SomeLogic();
我知道,如果我能够执行上述操作,它看起来会更像 var SomeLogic = new SomeBundle.SomeLogic();
,因为我可能需要导出一些中央变量来包装底层组件。
据我所知,现在 webpack 不会暴露任何东西,它只是自动执行,并且 运行 无论您传入什么入口点,但是在这种情况下,我没有入口点,因为它只是一个可重复使用的模块(实际上这最终可能还包含模板、css、图像等)。
所以我确信我在这里遗漏了一件简单的事情,但是我如何着手使用这个 webpack 输出并能够使用包内的逻辑?
在 gitter 频道讨论后,我想要的似乎是:
https://webpack.github.io/docs/configuration.html#output-librarytarget
这允许我指定一个库名称以及如何导出它,这样我就可以使用 webpack 模块中的内容,就好像它是一个模块入口点一样。
当您将输出作为 library
或 module
使用时,我对使用 webpack 的最佳方式感到有点困惑,所以例如让我们假装我有:
- 一些-model.js
- 一些-logic.js(消耗一些模型)
然后我想在几个单独的项目中重新使用上面的内容,所以我把上面的内容编译成一个包很好,所以我现在有 some-bundle.js
我想基本上能够在浏览器:
var someLogic = new SomeLogic();
我知道,如果我能够执行上述操作,它看起来会更像 var SomeLogic = new SomeBundle.SomeLogic();
,因为我可能需要导出一些中央变量来包装底层组件。
据我所知,现在 webpack 不会暴露任何东西,它只是自动执行,并且 运行 无论您传入什么入口点,但是在这种情况下,我没有入口点,因为它只是一个可重复使用的模块(实际上这最终可能还包含模板、css、图像等)。
所以我确信我在这里遗漏了一件简单的事情,但是我如何着手使用这个 webpack 输出并能够使用包内的逻辑?
在 gitter 频道讨论后,我想要的似乎是:
https://webpack.github.io/docs/configuration.html#output-librarytarget
这允许我指定一个库名称以及如何导出它,这样我就可以使用 webpack 模块中的内容,就好像它是一个模块入口点一样。