我正在使用由vue-cli(v3.11)-https://gitlab.com/Tech4Comp/eas.lit-ui/tree/a71b84b732b408d8b292918bc8e6db9f0a1133e6
创建的vue项目(v2.6,+ vuex,vue-router,webpack)我正在尝试在文件src/components/oidcButton.vue
中包含一个第三方库-"openidconnect-signin": "git://github.com/rwth-acis/openidconnect-signin.git#global-oidc"
-希望在浏览器中可以使用一些全局变量(不仅限于vue上下文) 。其中之一是“ UserManager”,应由“ oidc-client”-/node_modules/oidc-client/lib/oidc-client.js
来提供,它是openidconnect-signin
的依赖项。
尝试克隆存储库(请注意我提到的分支并提交),安装依赖项并通过npm run serve
执行项目,您将在浏览器控制台中注意到问题。
我真正想做的是:
<html>
<head>
...
<script src="/node_modules/oidc-client/lib/oidc-client.js"></script>
</head
...
</html>
如https://github.com/rwth-acis/openidconnect-signin/blob/global-oidc/README.md中所述。
不幸的是,vue-cli-service serve
不会发布node_modules目录(这很有意义)。因此,我试图找到一种通过vue / vue-head /一些webpack技巧(脚本加载器,填充,其他我不记得的工具)和更多库来完成任务的方法。例如。通过在main.js中导入文件,将其作为脚本标签添加到App.vue中,等等。不幸的是,我对webpack不太熟悉,vue已经在做很多webpack的工作,我没有不想干涉。我最终感到沮丧,并将文件从node_modules文件夹复制到公用文件夹(按原样提供)。但这不是解决方案。...
在浏览器中全局导入和评估文件而不将其复制到公用文件夹的正确方法是什么?