导入旧库并导入其模块

时间:2019-05-15 04:58:21

标签: javascript webpack vuejs2

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

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创建的项目

1 个答案:

答案 0 :(得分:0)

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