热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

RequireJS-我应该为BaseUrl设置什么?

如何解决《RequireJS-我应该为BaseUrl设置什么?》经验,为你挑选了1个好方法。

在给定项目结构的情况下,我无法理解如何为requirejs设置基本URL.

问题:并非所有html文件都在同一文件夹级别.脚本文件路径不断变化,具体取决于html页面的位置.

我尝试了什么:我已经搜索了API,但我只是不明白BaseURL应该是什么,以获得所有页面的正确路径.我已经测试了变体(../js/lib,/ js/lib /,我试过在main.js文件中没有包含它)但下面这个是唯一一个似乎在某些文件上产生正确结果的文件.

Main.js

requirejs.config({
    baseUrl: '../js/lib',    
    paths: {
        'jquery' : (document.addEventListener) ? ['vendor/jquery'] : ['vendor/jquery-1.9.1']
    },
    shim: {
        'foundation/foundation': {
            deps: ['jquery']
        },
        'foundation/foundation.alert': {
            deps: ['jquery', 'foundation/foundation']
        },            
        'vendor/slick.min': {
            deps: [
                'jquery',
                'foundation',
                'foundation/foundation.interchange'
            ],
            exports: 'slick'
        }
    }
});
requirejs(['jquery'
    , 'foundation/foundation'   
]);

文件夹结构

Main Folder
?
?  Some Folder
?  ??? css
?  ??? js
?  ?   ??? lib
?  ?   ?   ??? foundation
?  ?   ?   ?   ??? foundation.alert.js
?  ?   ?   ?   ??? ...(foundation component js files)
?  ?   ?   ?   ??? foundation.js
?  ?   ?   ??? vendor
?  ?   ?   ?   ??? jquery-1.9.1.js
?  ?   ?   ?   ??? jquery.js
?  ?   ?   ??? foundation.min.js
?  ?   ?   ??? slick.min.js
?  ?   ?   ??? slickModule.js
?  ?   ??? main.js
?  ?   ??? require.js   
?  ??? html
?  ?   ??? components
?  ?   ?   ??? slider.html    [All scripts throw 404: Main Folder/Some Folder/html/js/lib/vendor/file.js ]
?  ?   ??? home.html           [loads files as expected]
?  ?   ??? second.html         [loads files as expected]
?  ?   ??? subfolder
?  ?   ?   ??? random.html
?  ??? extra folder
?  ?   ??? index.html   [All scripts throw 404: Main Folder/Some Folder/extra folder/js/lib/vendor/file.js ]
?  ?
?  Another Folder
?  ??? index.html [All scripts throw 404]

/html/components/slider.html

当我尝试以这种方式调用require时,slickModule的url是"Main Folder/Some Folder/html/js/lib/slickModule.js" - 注意'html'是在基本url之后添加的



 
    
    


...


有人可以帮我看看为什么会这样吗?

如果它甚至可能,我该怎么做才能使基本URL保持一致?



1> rockerest..:
摘要

    不要连续两次使用相同的文件,特别是如果它是更改配置选项的文件,特别是如果它使用相对路径.

    使用单个应用程序入口点.如果无法在一个地方启动应用程序,则使用该data-main属性将很困难(尽管不是不可能).

    paths当您包含模块或设置配置时,使用配置选项指向文件,而不是相对路径.

单一入口点

首先,您可能会遇到data-main属性的一些问题,因为当用于多个入口点时,它的行为没有记录.正如它所说:

如果要require()在HTML页面中进行调用,则最好不要使用data-main.data-main仅在页面只有一个主入口点data-main脚本时使用.对于要进行内联require()调用的页面,最好将这些内容嵌套在require()调用中以进行配置

多个要求

其次,您正在使用该data-main属性加载您的配置,该配置定义了库的行为(换句话说,require/ requirejsfunction是自定义的),但是您使用该自定义工具再次加载配置:


我几乎是肯定的,这引入了一些奇怪的行为.

使用paths以避免../

三,你baseUrl会自动设置为任意加载它的HTML的位置,该位置data-main脚本.您可以通过创建单个入口点(可能js/main)来使用此优势,然后定义路径配置选项以隐藏嵌套模块.

换句话说,您的应用程序永远不需要请求../(或其任何变体),因为任何嵌套都应该被路径条目隐藏,如:

"paths": {
    "slickModule": "lib/slickModule"
}

我知道这个答案没有具体解决你的问题,但我很肯定其中一个问题 - 纠正后 - 将解决你的404问题.


推荐阅读
  • IamtryingtowriteaRequireJSmodulethatdependsonjQueryandajQueryplugin.Iamhavingtrou ... [详细]
  • 如何解决《TypeError:$().typeahead不是RequireJS的函数》经验,为你挑选了1个好方法。 ... [详细]
  • 如何解决《在Play2.3.x应用程序中使用sbt-rjs从WebJars优化JS》经验,请问有没有懂的朋友? ... [详细]
  • 本文详细解析了 Android 系统启动过程中的核心文件 `init.c`,探讨了其在系统初始化阶段的关键作用。通过对 `init.c` 的源代码进行深入分析,揭示了其如何管理进程、解析配置文件以及执行系统启动脚本。此外,文章还介绍了 `init` 进程的生命周期及其与内核的交互方式,为开发者提供了深入了解 Android 启动机制的宝贵资料。 ... [详细]
  • ### 优化后的摘要本学习指南旨在帮助读者全面掌握 Bootstrap 前端框架的核心知识点与实战技巧。内容涵盖基础入门、核心功能和高级应用。第一章通过一个简单的“Hello World”示例,介绍 Bootstrap 的基本用法和快速上手方法。第二章深入探讨 Bootstrap 与 JSP 集成的细节,揭示两者结合的优势和应用场景。第三章则进一步讲解 Bootstrap 的高级特性,如响应式设计和组件定制,为开发者提供全方位的技术支持。 ... [详细]
  • 使用 ListView 浏览安卓系统中的回收站文件 ... [详细]
  • Vue应用预渲染技术详解与实践 ... [详细]
  • 在使用SSH框架进行项目开发时,经常会遇到一些常见的问题。例如,在Spring配置文件中配置AOP事务声明后,进行单元测试时可能会出现“No Hibernate Session bound to thread”的错误。本文将详细探讨这一问题的原因,并提供有效的解决方案,帮助开发者顺利解决此类问题。 ... [详细]
  • 本文探讨了 Kafka 集群的高效部署与优化策略。首先介绍了 Kafka 的下载与安装步骤,包括从官方网站获取最新版本的压缩包并进行解压。随后详细讨论了集群配置的最佳实践,涵盖节点选择、网络优化和性能调优等方面,旨在提升系统的稳定性和处理能力。此外,还提供了常见的故障排查方法和监控方案,帮助运维人员更好地管理和维护 Kafka 集群。 ... [详细]
  • 如何解决《将变量注入webpack》经验,为你挑选了1个好方法。 ... [详细]
  • 如何解决《Angularjs:ocLazyLoadvsRequirejs》经验,为你挑选了2个好方法。 ... [详细]
  • 如何解决《define未定义Javascript节点》经验,为你挑选了1个好方法。 ... [详细]
  • 如何解决《为什么chrome.tabs.query()在Chrome扩展程序中使用RequireJS调用时会返回标签的URL?》经验,为你挑选了1个好方法。 ... [详细]
  • 本文详细探讨了几种常用的Java后端开发框架组合及其具体应用场景。通过对比分析Spring Boot、MyBatis、Hibernate等框架的特点和优势,结合实际项目需求,为开发者提供了选择合适框架组合的参考依据。同时,文章还介绍了这些框架在微服务架构中的应用,帮助读者更好地理解和运用这些技术。 ... [详细]
  • 本文深入探讨了MDK链接脚本的应用与优化技巧。首先,文章介绍了链接脚本的基本概念及其在嵌入式系统开发中的重要性。接着,通过具体实例详细分析了链接脚本的结构和功能,特别是在程序在FLASH中运行时,如何优化链接脚本以提高系统性能。此外,文章还讨论了无需将程序加载到SRAM中的技术细节,为开发者提供了实用的参考和指导。 ... [详细]
author-avatar
手机用户2502936713
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有