1. 程式人生 > >require'模塊化jquery和angular問題

require'模塊化jquery和angular問題

jquer ase return 括號 開發問題 html 正常 var swipe

require 模塊化開發問題,正常自己寫的模塊 是exports 導出一個模塊

//模塊化引入jquery 不同和問題

require 引入jquery swiper .... 插件和庫的時候需要

require.config({
  baseUrl:"js/libs", //文件夾目錄相對與html的位置
  paths:{
    ‘jquery‘:"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出來的方法
})

//模塊化引入angular開發問題 angular沒有使用AMD模塊規範

require.config({
  baseUrl:"js/libs", //文件夾目錄相對與html的位置
  paths:{
    ‘angular‘:"angular.min" //angular文件名
  },
  shim:{
    ‘angular‘:{exports:‘angular‘} //需要導出一個名為angular的全局變量
  }
})
define(‘app‘,[‘angular‘],function(){ //前邊的app是文件名把當前文件變為一個AMD模塊
//正常寫angular
var app=angular.module(‘mk‘,[])
return app;//這個是返回的是angular定義模塊

})

require'模塊化jquery和angular問題