正确使用需求
correct use of requirejs
本文关键字:需求 更新时间:2023-09-26
我试图在我的网站上设置需求,我有HTML模块,只希望在使用特定的HTML模块时加载JS。
我有这些文件和代码,它工作得很好,我只是想确保我做得正确。下面的例子是使用slick插件实现一个滑动条。我在index.php中包含的php保存了滑块的相关HTML。
脚本/模块/Sliderbanner.js
define(function(require) {
var $ = require('jquery');
var domReady = require('domready');
require('plugins/slick.min');
domReady(function() {
///SLIDER BANNER
$('.slider-banner').slick(});
});
});
脚本/页面/sliderbanner.js
require(['main'], function() {
require(['jquery', 'modules/Sliderbanner'], function($) {
});
});
脚本/main.js
require.config({
baseUrl: '../scripts',
paths: {
jquery: 'components/jquery/jquery',
domready: 'components/requirejs-domready/domReady'
},
shim: {
'slick.min': ['jquery']
},
urlArgs: "bust=" + (new Date()).getTime()
});
define(function(require) {
var $ = require('jquery');
var domReady = require('domready');
domReady(function() {
});
});
index . php
<?php include("../organisms/slider-banner.php");?>
<script>require(['page/sliderbanner']);</script>
对你来说这看起来是正确的还是不正确的?我确实有一个疑问,如果我没有真正从模块传递任何东西到scripts/page/sliderbanner.js,我真的需要它吗?谢谢!
如果您将所有内容与r.js
捆绑在一起,您的示例将正常工作。
如果你想异步加载你的JS文件,那么你需要这样做:
// module.js
define(['/path/to/module1.js', 'path/to/module2.js', function (module1, module2) {
// ...
});
// some-other-module.js
define(['/path/to/module.js'], function (module) {
// ...
});
相关文章:
- 如何在使用webpack时不解决需求
- RequireJS糖用于主要需求
- 如何为多个需求模块设置单元测试
- 我可以在运行时使用 webpack 手动管理需求的分辨率吗?
- 微调 megamenu 的 jQuery 需求
- 需求.js + 骨干优化
- RequireJS - 全局需求和模块需求之间的差异
- 如何在浏览器中使用需求
- 在 NodeJS 中处理太多的需求
- NodeJS - 需求和模块
- ExtJS:需求的意义何在
- 如何缓存一个Javascript类作为需求.js依赖
- 需求和主干 - 动态加载 jQuery 移动
- Aurelia的需求元素包括内联的外部资源
- 如何正确解决需求中的循环依赖.js
- 使用实习生 Js 测试节点模块 - 无法解决“需求”
- 使用 webpack 解析需求路径
- JavaScript 中控制台的需求是什么?
- 我真的可以使用 JSON 来消除 Struts 2 中对标签和页面映射的需求吗?
- 防止来自特定文件夹中模块的相对需求调用