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

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示例中都找到了un“assets/js/main.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

嗯，在耐力中使用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中，一切都会正常工作，但是当您将站点迁移到生产环境或其他任何地方时，应用程序将崩溃。

希望这能有所帮助。