将 JQuery 添加到 Enduro.js 的最佳方法是什么

Question

我希望能够在我的 Enduro.js 项目中使用 Jquery，但在 github Enduro.js 页面上没有一个示例使用它

库似乎是使用 RequireJS 加载到 Enduro.js 中的，在默认 index.hbs 的底部找到该行：

{{!-- <script data-main="/assets/js/main.js" src="/assets/vendor/requirejs/require.js"></script> --}}

在所有 Enduro.js 示例中默认找到以下代码：

require.config({
    baseUrl: '/assets/',

    paths: {
        // 'jquery': 'vendor/jquery/dist/jquery.min',
    },
})

require(['jquery'], function ($) {
    $(document).ready(function () {
        console.log('requirejs ready to use')
    })
})

jquery“path”行被注释掉，/assets默认没有/vendor目录。

是否有一种在 Enduro.js 中安装 jquery 的自动化方式，还是只是手动创建一个 /vendor 文件夹，然后在其中复制 /Jquery ？

Answer 1

嗯，有很多方法可以在 Enduro 中使用 JQuery。我不确定这是否是导入它的最佳方式（它可能存在更好的方式）。

在我当前的项目中，出于效率考虑，我使用 CDN。如果您使用 CDN 没有问题，我会推荐它。

只需复制此代码：

<script
 src="https://code.jquery.com/jquery-3.3.1.min.js"
 integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
 crossorigin="anonymous">
</script>

然后，在关闭body标签之前粘贴它。

另一种方法是在 /assets/js 中创建一个名为“vendor”的文件夹，然后在其中放置 jquery-3.3.x.min.js（或您想使用的任何版本）。当然，你得先从官网下载。

完成后，您只需通过 HTML 导入它（在关闭 body 标签之前）：

<script src="assets/js/vendor/jqueryfile.js"></script>

注意：创建名为“vendor”的文件夹是可选的，您只需将文件粘贴到 /assets/js 中即可。并确保输入正确的导入路径。

注意 2：请记住，您永远不要触摸 _generated 中的文件，因此如果您将文件粘贴到 _genereated/assets/js 中，一切都会正常进行，但是当您将站点迁移到生产环境或其他任何地方时，应用程序会崩溃。

希望这会有所帮助。