簡(jiǎn)單談?wù)剅equire模塊化jquery和angular的問(wèn)題

//模塊化引入jquery 不同和問(wèn)題

require 引入jquery swiper .... 插件和庫(kù)的時(shí)候需要

require.config({
　　baseUrl:"js/libs", //文件夾目錄相對(duì)與html的位置
　　paths:{
　　　　'jquery':"jquery-1.9.1" //插件或庫(kù)的文件名
　　　　'swiper':"文件名/swiper" //當(dāng)每個(gè)插件和庫(kù)不在同一文件夾下時(shí) 這里也可以進(jìn)行更改
　　}
})

define(['angular','swiper'],function($){ //中括號(hào)中寫(xiě)上邊你保存的插件和庫(kù) 的變量
//jquer/swiper怎樣寫(xiě)這里就怎樣寫(xiě)

//如果要返回一個(gè)原生的方法需要
var fn=function(){};

//我們需要用json 對(duì)象把這個(gè)方法返回出去 不向正常用exports導(dǎo)出模塊
return {fn:fn}
})

//使用 html: require(['文件名'],function(mod){
mod.fn();//使用return出來(lái)的方法
})

//模塊化引入angular開(kāi)發(fā)問(wèn)題 angular沒(méi)有使用AMD模塊規(guī)范

require.config({
　　baseUrl:"js/libs", //文件夾目錄相對(duì)與html的位置
　　paths:{
　　　　'angular':"angular.min" //angular文件名
　　}，
　　shim:{
　　　　'angular':{exports:'angular'} //需要導(dǎo)出一個(gè)名為angular的全局變量
　　}
})
define('app',['angular'],function(){ //前邊的app是文件名把當(dāng)前文件變?yōu)橐粋€(gè)AMD模塊
//正常寫(xiě)angular
var app=angular.module('mk',[])
return app；//這個(gè)是返回的是angular定義模塊

})