将 JQuery 添加到 Enduro.js 的最佳方法是什么
What's the best way to add JQuery to 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 个样本中找到 "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目录
是否有自动安装 jquery 到 Enduro.js 的方法,或者只是简单地手动创建一个 /vendor 文件夹,然后将 /Jquery 复制到其中?
嗯,在 Enduro 中有很多方法可以使用 JQuery。我不确定这是否是导入它的最佳方式(它可能存在更好的方式)。
在我当前的项目中,出于效率的原因,我正在使用 CDN。如果您使用 CDN 没有问题,我会推荐它。
只需复制此代码:
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
然后,将其粘贴到正文标记之前。
另一种方法是在 /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 中,一切都会正常进行,但是当您将网站迁移到生产环境或其他任何地方时该应用程序将崩溃。
希望对您有所帮助。
我希望能够在我的 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 个样本中找到 "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目录
是否有自动安装 jquery 到 Enduro.js 的方法,或者只是简单地手动创建一个 /vendor 文件夹,然后将 /Jquery 复制到其中?
嗯,在 Enduro 中有很多方法可以使用 JQuery。我不确定这是否是导入它的最佳方式(它可能存在更好的方式)。
在我当前的项目中,出于效率的原因,我正在使用 CDN。如果您使用 CDN 没有问题,我会推荐它。
只需复制此代码:
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
然后,将其粘贴到正文标记之前。
另一种方法是在 /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 中,一切都会正常进行,但是当您将网站迁移到生产环境或其他任何地方时该应用程序将崩溃。
希望对您有所帮助。