Vite 等效于 requirejs shim deps

【问题标题】：Vite equivalent for requirejs shim depsVite 等效于 requirejs shim deps
【发布时间】：2023-01-30 04:34:33
【问题描述】：

我正在寻找将 vite 用于旧项目的方法。但是依赖项之一依赖于 JQuery，在 RequireJS 配置中，它与 shims 中的 deps 数组中的依赖项 jquery 一起列出。
IE。

        shims: {
            'dependency-name': {
                deps: ['jquery']
            },
            ...
        }

我想用 Vite 达到同样的效果。

【问题讨论】：

【解决方案1】：

在 Vite 中，您可以使用 ES6 模块系统来管理依赖项，而不是使用 RequireJS。您可以直接在 JavaScript 代码中导入依赖项，也可以使用脚本标记将其包含在 HTML 文件中。

如果依赖项需要 JQuery，则需要在依赖项的脚本之前在 HTML 文件中包含 JQuery：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="dependency-name.js"></script>

或者，您也可以在 JavaScript 代码中导入 JQuery：

import $ from 'jquery';
import 'dependency-name';

这样，依赖项将可以访问 JQuery 对象并且应该按预期工作。

希望这可以帮助。

【讨论】：