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

时间:2018-03-02 16:27:43

标签: enduro.js

我希望能够在我的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?

1 个答案:

答案 0 :(得分: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里面,一切都会好起来的,但是当你将你的网站迁移到生产环境或其他任何地方时,app都会崩溃。

希望这有帮助。