首頁 > web前端 > js教程 > require'模組化jquery和angular問題

require'模組化jquery和angular問題

巴扎黑
發布: 2017-06-23 10:54:15
原創
983 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板