Question

在我们公司中，我们有一个库，该库分为多个模块。这些模块位于单独的文件中，并且每个模块都依赖于其他模块。每个模块都有一个定义功能，该功能可以将其注册给其他模块以供以后使用，并且在其定义功能中可能需要其他模块。要求与角度相似：

modules.require(['authentication', 'data', 'http'], module => console.log('Here is my module: ', module).

该库具有一个Synchronizer类，该类基于每个模块中的需求来处理所需模块的导入和提供。当尚未需要模块时，它会创建一个<script>标签，将其src设置为所需的模块文件，并将其附加到正文中。

这是问题所在，因为如果我只是导入库的主文件并尝试需要某个模块，它会附加一个<script>标记，但是该文件的路径不正确，因为它都捆绑了通过webpack一起。

webpack中是否有一种方法可以声明该文件夹（带有插件的文件夹）应保持不变，以便我可以向该文件夹中的各个文件发出请求？

我尝试使用“ import”语句“ require”，并且尝试将库更改为npm包，但实际上不允许更改库，因为已经以这种格式对其进行了测试。因此，最好保持图书馆不变。

例如，如果我将此库放入：

./static/js/mylibrary 那么我们的库就可以为modules.require(['data'], onSuccess)生成一个<script>的src标签，例如：

./static/js/mylibrary/data.js

我可以设置webpack以便文件保留在那里吗？开发中？在生产中？

我正在使用由vue-cli创建的项目

Answer 1

正如我在评论中提到的，将其简单地放在webpack的“ public”目录中既可以实现开发，也可以实现生产。不知道为什么我以前没有尝试过。