我希望能够在我的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?
答案 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都会崩溃。
希望这有帮助。