requireJs 配置参数

最新推荐文章于 2020-09-12 14:27:29 发布

ddd306

最新推荐文章于 2020-09-12 14:27:29 发布

阅读量1.6k

点赞数

分类专栏： javascript angularJs 文章标签： requireJs

本文链接：https://blog.csdn.net/ddd306/article/details/43166819

版权

javascript 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

angularJs

2 篇文章 0 订阅

订阅专栏

在开发web项目时，不可避免的会和javascript打交道，小项目我们可以很容易的管理js文件，如果遇到大型的项目，js 的管理会比较麻烦，常见的问题有：js文件之间的依赖关系，js文件加载时阻塞浏览器渲染。requireJs应运而生。

在使用requireJs时，需要先引入requireJs文件，配置程序入口文件

下面我们一起看下require.config.js中的基本配置参数所代表的意思

paths: 配置引用文件的文件名的路径(图中键值对中，键用来被引用，值是文件名)

eg:

使用方式：

require([' base'], function(base) {

//函数引用base

}) ；

shim:配置文件的依赖，

eg:

easyui使用时依赖jquery，所以配置如图

deps:配置依赖的文件

exports:如果文件

写法不遵循commonJS规范，

export后面的参数代表返回中的

对象

requireJs 的使用可以不暴露js 对象给全局，脚本会更便于维护，通过配置文件让require帮我们管理js 可以更高效的开发。代码逻辑会更加清晰

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ddd306

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

require.js-模块化编程-引入依赖js文件-require.config（）配置

qq_41617901的博客

08-30

957

引入require.js文件 <script src="~/Scripts/libs/require.min.js"></script> require.config（）方法配置参数说明 1.baseUrl,指引入的Js文件的根目录 2.paths,遵循AMD规范 3.shim,不遵循AMD规范 require.config({ baseUrl: "/Scripts/web", paths: { jquery: "/Scripts/.

RequireJS解析与基本配置

TSORA-C的博客

05-22

633

RequireJS解析与基本配置介绍模块化加载js代码安装 Browsers:<script type="text/javascript" src="js/plugins/require/require.js" data-main="js/main.js"> NPM: 基本配置 main.js require.config({ // 所有模块的查找根路径。即默认加载的模...

参与评论您还未登录，请先登录后发表或查看评论

RequireJs配置

mine_1的专栏

08-08

638

原文 http://freewind.me/blog/20140728/2741.html RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能：声明不同js文件之间的依赖可以按需、并行、延时载入js库可以让我们的代码以模块化的方式组织初看起来并不复杂。在html中引入requirejs在HTML中，添加这样的标签：通常使用requirejs的话，我们只需

require.js shim 配置

艾斯博弈

11-10

1万+

最近的项目用到了require.js 记录一下 require.config的参数配置原因：理论上，require.js加载的模块，必须是按照AMD规范、用define()函数定义的模块。但是实际上，虽然已经有一部分流行的函数库（比如jQuery）符合AMD规范，更多的库并不符合。那么，require.js是否能够加载非规范的模块呢？回答是可以的。这样的模块在用requir

requirejs学习关于requirejs的一些参数问题

weixin_30815427的博客

02-27

941

参数配置 requireJS 常用的方法与命令也就两个，因此requireJS使用起来非常简单。 require define 其中define是用于定义模块，而require是用于载入模块以及载入配置文件。在requireJS中一个文件就是一个模块，并且文件名就是该模块的ID，其表现则是以key/value的键值对格式，key即模块的名称（模块ID），而value则是文...

requireJS配置文件简介

Coding

01-21

1136

require参数有十几个，目前接触最多的就是这三个。 baseUrl 模块获取文件的根目录。如果baseUrl没有被明确定义，则它的默认值是加载它HTML的文件目录；如果data-main属性被定义了，则它的默认值是data-main中的文件所在目录。斜体样式三种例外情况，不会从baseUrl目录中加载js文件模块路径名带.js后缀模块路径以根目录/开头带URL协议的，例如http...

Requirejs常用配置和应用

热门推荐

清箫的专栏

01-08

1万+

requirejs、require方法冲突如果加载了多个requirejs脚本，每个requirejs会判断是否浏览器已经实现了require和define方法。如果浏览器已经自带require和define方法，或者之前已经有一个requirejs脚本执行，那么这个requirejs就会立刻停止执行。所以，即使页面上加载了多次requirejs脚本也不会有什么问题。配置Context我把cont

require-config-js:requirejs 的配置脚本

06-11

** RequireJS配置脚本 ** 1. **引入require.js** 在HTML文件中，`require-config-js`通常被设定为页面加载的第一个脚本。这是因为它是RequireJS的核心，负责解析和执行其他模块。之后，我们可以引入require.js...

使用 requireJS 的shim参数解决插件jequery 插件问题

hodge11的博客

09-12

357

require 下面有几大属性配置Context 我把context叫做一个命名空间，因为每一个context都有一个名字，这样同名而功能不同的模块就可以放在不同的context中以防冲突。如果开发人员没有配置context，那么，requirejs还会生成一个默认的context，这个默认的context配置大致如下： requirejs.config({ context: "_", // default context name baseUrl: "./", wait

RequireJS配置详解：优化模块加载性能

RequireJS是一个优秀的JavaScript模块加载器，它能够帮助开发者通过异步加载模块来减少网页加载时的等待时间，提高用户体验。RequireJS具有以下优势： - 异步加载：RequireJS允许开发者异步地加载模块，无需等待...

requireJS实例

06-30

1. **配置**：通过 `require.config()` 方法设置 RequireJS 的配置项，如模块路径、别名等。 ```javascript require.config({ baseUrl: 'js', // 基本URL，用于解析相对路径 paths: { // 模块路径映射，例如：'...

RequireJS其他配置

qq_36944793的博客

04-04

150

为什么要使用RequireJS？ JS阻塞浏览器渲染。打开浏览器时首先会执行js文件<!DOCTYPE html> <html> <head> <script type="text/javascript" src="a.js"></script> </head>

requirejs 配制

weixin_30481087的博客

02-05

baseUrl: 用来配制动态加载脚本时，脚本文件的起始位置，此属性可以指定值，也可以由 requirejs 自动计算出值：　　1：不进行任何配制：假如 a.html 中引用 require.js 文件 <script src="require.js"></script> 　　　　这样在 require(['util'],...) 的时候，util.js 的...

requireJS基本配置相关

xiaozhen0610的博客

06-07

249

requireJS: (1)实现js文件的异步加载，避免页面失去响应； (2)管理模块之间的依赖性，便于代码的编写和维护。加载： <script src="js/require.js"></script> 由于加载的模块较多，可能会造成页面失去响应，故可以将此 script 标签放到 <body> 的后面 (you could also place the script tag end of the <body> section if you do no.

自定义指令的require参数

lzf的博客

11-15

1558

require：参数可以被设置为字符串或数组,字符串代表另外一个指令的名字，require 会将控制器注入到其值所指定的指令中,并作为当前指令的链接函数的第四个参数。require 参数的值可以用下面的前缀进行修饰,这会改变查找控制器时的行为: ？如果在当前指令中没有找到所需要的控制器,会将 null 作为传给 link 函数的第四个参数。如果添加了 ^ 前缀,指令会在上游的指令链中查找 req...

angularjs指令定义中的ｒｅｑｕｉｒｅ参数

timeless的博客

12-28

8786

require - 请求另外的controller，传入当前directive的link function中。require需要传入一个directive controller的名称。如果找不到这个名称对应的controller，那么将会抛出一个error。名称可以加入以下前缀： ? - 不要抛出异常。这使这个依赖变为一个可选项。 ^ - 允许查找父元素的controller

requirejs学习-3-配置文件编写

九天翔龙的技术博客

08-09

542

在“requirejs学习-1”中提到，页面中已经引入了requirejs，代码如下： <script src="js/require.js" data-main="js/main"></script> data-main属性的作用是，指定网页程序的主模块。在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js...

【web前端自动化工作环境配置】10. RequireJS总结

返璞归真

10-26

545

RequireJS已经流行很久了，我们在项目中也曾经使用过它，现在有空就做一下总结： 1、声明不同js之间的依赖 2、可以按需，并行，延时载入js库 3、可以让我们的代码以模块化的方式组织初看起来并不复杂一、在html中引入require.js 在html中，添加这样的标签通常使用requirejs的话，我们只需要导入requirejs即可，不需要显式导入其他的js库，

requirejs中require.config常用参数urlArgs、scriptType、waitSeconds、deps、callback

OceanSky的专栏

02-28

7547

urlArgs RequireJS获取资源时附加在URL后面的额外的query参数。作为浏览器或服务器未正确配置时的“cache bust”手段很有用。使用cache bust配置的一个示例： javascript:;urlArgs: “bust=” + (new Date()).getTime() 在开发中这很有用，但请记得在部署到生成环境之前移除它。 scriptType 指定Req...

RequireJS加载JavaScript模块实战指南

2. **配置模块路径**：在`main.js`或其他配置文件中，使用`require.config`方法配置模块路径。`paths`对象用于映射模块名到实际的URL，如： ```javascript require.config({ paths: { "jquery": "libs/jquery", ...