如何从Assets文件夹而不是index.html内的硬编码脚本标签导入Vue文件

Question

我的结构非常简单，想导入来自cdnjs.com的资产。

基本上，某些第三方库需要这些资产，但是问题是，当我下载所有文件并将它们放在src / assets / lib中并像这样导入它们时，它并不想导入它们。>

main.js：

import './assets/lib/jquery.min.js'
我的应用程序停止工作，并说未定义jQuery，但是当我将它们导入index.html时，一切都很好：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.3.0/raphael.min.js"></script>
错误的详细堆栈：

Uncaught ReferenceError: jQuery is not defined
    at eval (amalia.js.min.js?c1e6:27)
    at Object../src/assets/amalia/build/js/amalia.js.min.js (app.js:1362)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at eval (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Videoplayer/AmaliaPlayer.vue?vue&type=script&lang=js&:2)
    at Module../node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Videoplayer/AmaliaPlayer.vue?vue&type=script&lang=js& (app.js:1010)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at eval (AmaliaPlayer.vue?6fc3:1)
    at Module../src/components/Videoplayer/AmaliaPlayer.vue?vue&type=script&lang=js& (app.js:1688)
我需要位于src / assets文件夹中的那些资产，因为我想构建一个SFC以便在项目中进一步导入

我也尝试设置window.jQuery，但似乎这不是最好的方法，所以我真的想要您的帮助人员：）

我的结构非常简单，想导入来自cdnjs.com的资产。基本上，某些第三方库需要这些资产，但是问题是它不想导入它们...

Answer 1

经过2个小时的战斗，我找到了解决方法：