require-css的使用方法及实例

文章标签: 帮助手册
  • :
  • 04-07 21:10
  • :
  • 2次
  • :
  • 0条
  • 1赞

简介requirejs插件的加载css样式的功能插件require-css的使用方法及一个具体的实例。l

我们在用require-css来加载css样式文件时,是非常简单的,来看下面具体的步骤。


第一步:把require-css插件配置到rquirejs的config里:

require.config({
    paths: {
	"css": "//cdn.bootcss.com/require-css/0.1.10/css.min"
    }
});

第二步:在config的shim参数里,配置具体要加载的css样式文件,比如我们在用rquirejs加载jquery.idcode插件时,要同步的引入对应的css样式

require.config({
    paths: {
	"jquery": "//apps.bdimg.com/libs/jquery/1.9.1/jquery.min",
	"css": "//cdn.bootcss.com/require-css/0.1.10/css.min",
	"jquery.idcode": "/html/aijquery/jquery.idcode"
    }
    shim: {		
        "jquery.idcode": {
	    deps: ["css!/html/aijquery/jquery.idcode","jquery"]
	}	
    }
});

第三步:到这里,就已经结束了,我们在通过rquire来调用jquery.idcode插件时,就会同步引入css样式文件:

require(["jquery","jquery.idcode"], function($){
    //do something
});


您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-06-26 00:59:11