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

为什么我需要为karma配置指定所有文件,即使它们加载了requirejs

如何解决《为什么我需要为karma配置指定所有文件,即使它们加载了requirejs》经验,为你挑选了1个好方法。

我有以下目录结构:

--app
  |---dots
  |    |---some.js
  |
  |---entry.js
  |---bootstrap.js
  |---karma.conf.js
  |---test-main.js
  |---test
      |---sampleSpec.js

这是我的sampleSpec依赖项:

define(["app/bootstrap", "app/dots/some"], function () {}]

所以,按照我的理解我加载bootstrapsome使用requirejs文件到浏览器中.但是,根据我是否dots/*karma.conf.js文件中指定文件夹,karma服务器成功或无法解析dots/some.js文件.如果我指定以下我的意思是pattern: 'app/**/*.js'karma.conf.js:

files: [
  'test-main.js',
  {pattern: 'app/**/*.js', included: false},
  {pattern: 'test/*Spec.js', included: false}
],

dots/some.js文件被加载到浏览器中,如果我指定这样的pattern: 'app/*.js'业力服务器返回404- 文件未找到.为什么会这样?karma如果我使用它加载它,为什么要关心路径requirejs



1> MarcoL..:

当你解雇业力时,业力的作用是:

它做了一些预处理工作

它创建了一个网页,您的网站资源已加载(css,js等...)

它创建了一个服务器来为您的资产提供服务

网络服务器需要知道您拥有自己的资产的位置,以及是否要直接从页面提供服务或稍后加载它们.

在您的karma配置文件中,您有几个选项可以配置您要如何加载它们:

...
files: [
   'test-main.js',
   {pattern: 'app/**/*.js', included: true, watched: false, served: true},
   ...
],

proxies: {
  '/img/': 'http://localhost:8080/base/test/images/'
}

files数组中,您可以放置​​要包含,监视和提供的所有资源.

如果您想要使用自定义网址(假设您的应用中有特定路线),您可以告诉业力如何将该自定义网址反映到静态网址,或者只是为了映射它(假设您使用的是第三方服务) ).

如果没有映射文件,那么业力就无法提供服务,因此当您需要它时,您的请求将会有HTTP 404响应.
Karma还接受regexp模式(迷你匹配字符串)作为路由 - 如文档中所指定 - 因此您app/**/*.js将匹配app任何级别内的任何js文件,而app/*.js只会严格匹配文件app夹内的JS文件.

如果是代理,假设您有兴趣提供图像,则karma会设置一个静态服务器,用于http://localhost:8080/base映射项目根目录.

有关完整说明,请查看业力文档.


推荐阅读
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 在使用 MUI 框架进行应用开发时,开发者常常会遇到 mui.init() 和 mui.plusReady() 这两个方法。本文将详细解释它们的区别及其在不同开发环境下的应用。 ... [详细]
  • 本文详细介绍了Ionic框架的使用方法及其与Angular的集成。Ionic框架是一个强大的前端开发工具,适用于构建跨平台的移动应用程序。文章将探讨如何引入必要的CSS和JavaScript文件,并解释bundle.js中包含的核心功能,如路由等。 ... [详细]
  • 深入理解ExtJS:从入门到精通
    本文详细介绍了ExtJS的功能及其在大型企业前端开发中的应用。通过实例和详细的文件结构解析,帮助初学者快速掌握ExtJS的核心概念,并提供实用技巧和最佳实践。 ... [详细]
  • Spring Boot 中静态资源映射详解
    本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理,包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文,您将了解如何高效地管理和引用静态资源。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 本文探讨了Java编程的核心要素,特别是其面向对象的特性,并详细介绍了Java虚拟机、类装载器体系结构、Java类文件和Java API等关键技术。这些技术使得Java成为一种功能强大且易于使用的编程语言。 ... [详细]
  • 本文介绍了一段使用jQuery实现的用户注册页面表单验证代码,适用于前端开发人员学习和参考。该示例结合了HTML、CSS和JavaScript,确保用户输入的数据格式正确。 ... [详细]
author-avatar
aijunli2502898197
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有