require.js的使用事项

为什么要模块化开发

  • 对业务进行模块化拆分后,为了使各业务模块间解耦,因此各个都是独立的模块,它们之间是没有依赖关系。每个模块负责的功能不同,业务逻辑不同,模块间业务解耦。模块功能比较单一,可在多个项目中使用,所以我们选着模块化开发。

创建项目文件

 project        ————————项目跟目录
    .. index.html  ———————— 主页面文件   
    .. app.js        ————————主入口文件 
    ..js                ———————— 所有模块的文件夹
    .. css                —————————— 写页面中所有的样式代买
    ..pages                 ———————————页面中其它模板页面文件夹

注意事项

1: 所有的模块导入;都是以当前模块所在目录为基础,去寻找导入模块所在的位置
2: 配置时候;baseUrl 找路径规则 找:模块的根目录;以为 require.config() 所在文件为基础
3: paths 配置模块目录是;开头不要加 / 结尾不要加 .js 如果结尾加了默认是从系统根目录开始找路径
4: paths 配置文件夹是 模块中导入该文件下的模块时,也不能加.js 后缀。因为有了.js系统根目录找这个文件
5:配置 require 插件 text.js require-css.js 加载html css文件是;需要其本地服务;不然就会从系统中找路径

6:paths 中配置 .html .css 文件是;目录时候基于当前文件目录;
7:paths配置css文件名;不能有后缀.css

/** 1:模块化路径错误; —— 去 加载模块的路径中找;paths 中;或 直接加载

* 2: 提示没有依赖模块。 绑定依赖模块; 缺啥补啥

* 3; 配置第三方库;paths 中名字; shim 中名字要统一

*/

require.js 配置项作用

baseUrl: 配置模块(js文件)的根目录
paths: 配置 单个文件的目录;在其他模块中需要使用在paths中配置的文件路径;直接使用;文件路径对应的属性
shin: 作用配置不支持 amd 规范的内容 boostrap amiui 等
map: 针对项目版本跟新;一个项目中用到多个版本的框架;或者自己封装的包
waitSeconds :限定加载模块的时间;如果为 0 ;表示禁止等待;超过时候;或你报错

requiire 配置费amd 规范内容 指的第三方内容 不支持AAMd

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值