如何在 Vue.js 3/Vite 应用程序中将 jQuery 导入 $

Question

我正在尝试使用 Vite ( https://github.com/vitejs/vite )将 jQuery 包含在 Vue.js 3 项目中。

我在 package.json 依赖项中包含 jQuery：

  "dependencies": {
    "@types/jquery": "^3.5.0",
    "jquery": "^3.5.1",
    "vue": "^3.0.0-rc.1"
  },

我将它导入到 Vite 的 Skeleton's 中main.js，在第一行：

import * as $ from "jquery";

但这实际上并没有将 jQuery 对象导入$（它导入了其他东西）。

但是，如果我将其更改为：

import * as jqueryExports from "jquery";
...
window.$ = jqueryExports.default;

然后一切正常。

我很确定这不是预期的方式。另外，我怀疑这个问题不是Vite特有的，但我没有用Webpack尝试过。

导入 jQuery 的正确方法是什么？

Answer 1

你有没有尝试过这样的：

import $ from "jquery";

或者尝试简单地将其加载到 vuejs 之前的标头中

<script  src="https://code.jquery.com/jquery-3.5.1.min.js"  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="  crossorigin="anonymous"></script>