require 模組化開發問題,正常自己寫的模組是exports 導出一個模組
//模組化引入jquery 不同和問題
require 引入jquery swiper .... 外掛和函式庫的時候需要
require.config({
baseUrl:"js/libs", //資料夾目錄相對與html的位置
paths:{
〠 jquery-1.9.1" //外掛程式或函式庫的檔案名稱
'swiper':"檔案名稱/swiper" //當每個外掛程式和函式庫不在同一資料夾下時這裡也可以進行變更
}
})
define(['angular','swiper'],function($){ //中括號中寫上邊你儲存的插件和函式庫的變數
//jquer/ swiper怎麼寫這裡就怎麼寫
//如果要回傳一個原生的方法需要
var fn=function(){};
//我們需要用json 物件把這個方法回傳出去不對正常用exports導出模組
return {fn:fn}
})
# //使用html: require(['檔名'],function(mod){
mod.fn();//使用return出來的方法
})
//代表模組化引入angularAMDconfig( {
[
shim:{
'angular':{exports:'angular'} //需要導出一個名為angular的全域變數
}
})
define('app',[define('app',[ 'angular'],function(){ //前邊的app是檔名把目前檔變成一個AMD模組
# //正常寫angular
var app=angular.module('mk',[])
return app;//這個是回傳的是angular定義模組
})
以上是require'模組化jquery和angular問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!