require.js的使用

妖狐艹你老母 2022-06-04 02:48 127阅读 0赞

一：创建config.js用来配置模块加载的位置，或者更直接的说法是给js文件起个剪短的名字，方便require加载

可以用两种方式来写：

1，如果js模块不多的话可以直接

require.config(\{

paths:\{

'jquery' : 'asstes/js/jquery.3.1.0',

'bootstrap' : 'asstes/js/bootstrap.1.0.9',

'index' : 'project/lexiang/js/index'

\}

\})

2,如果需要加载的过多，那可以先把他们赋值给一个对象变量

var con=\{

'jquery' : 'asstes/js/jquery.3.1.0',

'bootstrap' : 'asstes/js/bootstrap.1.0.9',

'index' : 'project/lexiang/js/index'

\}

然后 ;   requrie.config(\{

paths:con

\})

二：利用define函数写自己的js文件

define(\['jquery'\],function ($) \{  
do somthin  
  
\});

三：在相应的页面利用require函数加载所以来的js文件

1，<script type="text/javascript" src="assets/js/require.js" data-main="assets/js/config.js"></script>

备注：data-main属性可以使每一个页面都使用这个配置，然后页面中就可以直接使用`require`来加载所有的短模块名

2，在body最底部加载：

<script type="text/javascript">  
        require(\['jquery','bootstrap','datetimepicker','mescroll','table',\],function($)\{  
          //回调函数  
        \})  
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，127人围观）

还没有评论，来说两句吧...

相关阅读

相关 requireJS

以往比如ExtJs里，需要依次加载多个js文件。这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于

旧城等待，/ 2022年09月23日 08:46/ 0 赞/ 205 阅读

相关 RequireJS

目录使用§ 1.. 3 加载 JavaScript 文件§ 1.1. 3 data-main 入口点§ 1.2. 5 定义模块§ 1.3. 6 简单的键值对§ 1.

向右看齐/ 2022年08月23日 00:34/ 0 赞/ 190 阅读

相关学会使用requireJS

学习requireJS的中文网站——[RequireJS中文网][RequireJS] 百科：requirejs是一个JavaScript文件和模块加载器。requir

╰+攻爆jí腚メ/ 2022年07月12日 09:22/ 0 赞/ 178 阅读

相关 requireJS使用--超详细

1.下载requireJS （百度云地址链接：http://pan.baidu.com/s/1kUK0EY7 密码：81o0） 2.在下载的requireJS末尾处

缺乏、安全感/ 2022年06月10日 05:08/ 0 赞/ 263 阅读

相关 requirejs

[requireJS详解][requireJS] ![这里写图片描述][SouthEast] ![这里写图片描述][SouthEast 1] [requireJS]:

布满荆棘的人生/ 2022年06月09日 11:18/ 0 赞/ 207 阅读

相关 Web JavaScript模块化概念以及requirejs的使用

一. 模块的写法网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用软件工程的方法，管理网页的业务逻辑。 Javascript模块化

秒速五厘米/ 2022年06月01日 06:57/ 0 赞/ 177 阅读

相关 requirejs如何使用define定义一个模块

AMD规范全称是Asynchronous Module Definition，即异步模块加载机制。从它的规范描述页面看，AMD很短也很简单，但它却完整描述了模块的定义，依赖关系

太过爱你忘了你带给我的痛/ 2022年05月30日 00:23/ 0 赞/ 169 阅读

相关 requirejs基础整理

一、介绍 1．使用用途有效的防止文件冲突声明不同js文件之间的依赖可以让代码以模块化的方式组织 2．下载及引入路径：[http://www.re

Myth丶恋晨/ 2022年05月26日 00:17/ 0 赞/ 229 阅读

相关 requirejs 引入

requirejs: 使用 1、引入: <script data-main='main.js' scr='require.js'></sc

妖狐艹你老母/ 2021年07月24日 19:02/ 0 赞/ 979 阅读

相关 requirejs 使用

requirejs使用: 定义的模块要想其他文件能访问,需要最后添加return {键名:键值}的形式 define()中的函数自动执行

秒速五厘米/ 2021年07月24日 14:37/ 0 赞/ 384 阅读