webpack / npm 设置动态组件加载



我有一个包含框架和一些模块的单页应用程序项目。文件设置如下:

_.babelrc
_package.json
_package-lock.json
_webpack.config.js
_node_modules
_src
|_index.js
|_index.html
|_config.json
|_modules
|_example-module
|_index.js

在 src/index 中.js我将 config.json 中指定的所有模块加载到 index.html 的指定区域中。这运行顺利,但我肯定想要改进两件事:

  • 所有模块的主句柄必须始终为 index.js。我想重定向它,以便其他模块开发人员可以使用他们想要的任何名称。
  • 我想单独指定模块的依赖关系,即为每个模块使用 package.json/webpack.config。这样,人们就不必在主包.json中指定他们的包。

这可以使用 npm/webpack 来实现吗?如果是这样,框架和单个包的package.json/webpack.config.js会是什么样子?

恐怕无法实现。据我所知,一个包中只有一个包.json。所有其他 depens 都在node_modules目录中。您可以让其他模块开发人员发布他们的包,并且可以package.json文件中更改指定入口包文件main属性。最后,安装他们的软件包。

最新更新