RequireJS的使用步骤 requirejs( 二 ) _知识分享

文章插图
到此为止，基本就可以使用了
不过在实战当中，这显然是不够完美的
因为我们的CSS还没有被模块化
第六步，下载样式处理文件css.js该文件非官方提供，需要自行百度
或私聊我，发你
第七步，改造配置文件requirejs({ baseUrl : "http://localhost:8000/myproject/", paths : { "vali" : "scripts/jquery.validate", "jquery" : "scripts/jquery-2.0.3", "swiper" : "scripts/swiper", "moduleA" : "mymodules/inputauto", "jq.cookie" : "scripts/jquery.cookie", "bootstrap" : "scripts/bootstrap", "css" : "scripts/css" //处理CSS样式的模块 }, shim : { "jq.cookie" : { deps : ["jquery"] }, "swiper" : { //css文件也可以被当成模块，直接声明依赖，自动加载 deps : ["css!styles/swiper.css"] }, "bootstrap" : { deps : [ "jquery", //css文件也可以被当成模块，直接声明依赖，自动加载 "css!styles/bootstrap.css" ] } }})通过css.js的处理，一个JS模块，可以自动依赖对应的样式文件
加载模块时，将更加的省力、省心
require(["swiper"],function(Swiper){ //除了swiper对应的js文件外 //由于之前做了shim配置，并声明了css依赖 //swiper.js和swiper.css将会被作为一个整体一起加载 //真正做到了模块化的思维方式})第八步，完。【RequireJS的使用步骤 requirejs】