Foxtable(狐表)用户栏目专家坐堂 → requirejs 的 html 和css插件 引用参数的问题。


  共有2640人关注过本帖树形打印复制链接

主题:requirejs 的 html 和css插件 引用参数的问题。

帅哥哟,离线,有人找我吗?
ycwk
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:六尾狐 帖子:1220 积分:8483 威望:0 精华:0 注册:2016/2/2 21:52:00
requirejs 的 html 和css插件 引用参数的问题。  发帖心情 Post By:2019/6/29 11:55:00 [只看该作者]

首先是html加载插件里,为什么define里面有3个参数,而function只有2个参数?  不是要一一对应么?    
第二就是 css加载插件里的例子里的路径,不是要加 "css!" 吗?  为什么加的反而是"text!"   笔误还是?

RequireJS 插件

FoxWeb框架加入了几个RequireJS 插件,方便在组件中加载各种资源。

1、html加载插件

可以用来加载组件使用的html模板,模板内容放在一个独立的html文件中。需要在define中使用,在html文件路径前面加上【text! 】即可,如:


define(['publib/loginUtils', 'text!web_local/login/index.html', 'css!web_local/login/index.css'], function (util, template) {  
……  
一般回调函数需要有一个参数对应html模板内容,如上面的 template,这样就可以被vue组件的 template 属性使用了。

注意:引入html文件时需要加上扩展名html。


2、css加载插件

可以用来加载组件使用的css样式文件,模板内容放在一个独立的css文件中。需要在define中使用,在html文件路径前面加上【css! 】即可,如:

define(['text!web_local/recyclist.html'], function (template) {  
……  
[此贴子已经被作者于2019/6/29 11:56:53编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:109720 积分:558310 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2019/6/29 14:31:00 [只看该作者]

1、理论上都是一一对应的,但是如果不需要依赖模块返回值,function是可以不需要对应的参数的,特别是css的加载就是这样,css加载后就生效不需要再另外赋值,所以也就不需要返回值。

特别注意的是,如果不需要返回值的模块,必须定义到define模块数组的最后面,如:

define(['publib/loginUtils', 'text!web_local/login/index.html', 'css!web_local/login/index.css','css!web_local/login/index2.css'], function (util, template)

如果放到中间,就不行了,如:

define(['publib/loginUtils', 'css!web_local/login/index.css', 'text!web_local/login/index.html','css!web_local/login/index2.css'], function (util, template)

2、这个是帮助写错了,已更正

 回到顶部