require 模塊化開發問題,正常自己寫的模塊 是exports 導出一個模塊 //模塊化引入jquery 不同和問題 require 引入jquery swiper .... 插件和庫的時候需要 require.config({ baseUrl:"js/libs", //文件夾目錄相對與html ...
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定義模塊
})