在我们公司中,我们有一个库,该库分为多个模块。这些模块位于单独的文件中,并且每个模块都依赖于其他模块。每个模块都有一个定义功能,该功能可以将其注册给其他模块以供以后使用,并且在其定义功能中可能需要其他模块。要求与角度相似:
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创建的项目
答案 0 :(得分:0)
正如我在评论中提到的,将其简单地放在webpack的“ public”目录中既可以实现开发,也可以实现生产。不知道为什么我以前没有尝试过。