簡單談談require模塊化jquery和angular的問題
更新時間：2017年06月23日 07:52:30 投稿：jingxian
下面小編就為大家?guī)硪黄唵握務剅equire模塊化jquery和angular的問題。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
require 模塊化開發(fā)問題，正常自己寫的模塊 是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開發(fā)問題 angular沒有使用AMD模塊規(guī)范
require.config({
baseUrl:"js/libs", //文件夾目錄相對與html的位置
paths:{
'angular':"angular.min" //angular文件名
}，
shim:{
'angular':{exports:'angular'} //需要導出一個名為angular的全局變量
}
})
define('app',['angular'],function(){ //前邊的app是文件名把當前文件變?yōu)橐粋€AMD模塊
//正常寫angular
var app=angular.module('mk',[])
return app；//這個是返回的是angular定義模塊
})
以上這篇簡單談談require模塊化jquery和angular的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
AngularJS的ng Http Request與response格式轉換方法
這篇文章主要介紹了AngularJS的ng Http Request與response格式轉換方法,結合實例形式分析了AngularJS實現Request與response格式轉換操作的相關設置與使用技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了Angular17之 Angular自定義指令的相關知識 ,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了Angular事件之不同組件間傳遞數據的方法，利用Angular Event在不同組件之間傳遞數據，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要介紹了Angular2 模板語法的相關資料,非常不錯，感興趣的朋友一起學習吧，需要的朋友可以參考下2016-08-08
Angular 4.x 動態(tài)創(chuàng)建表單實例
本篇文章主要介紹了Angular 4.x 動態(tài)創(chuàng)建表單實例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
今天小編就為大家分享一篇angularJs中$scope數據序列化的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
本篇文章主要介紹了Angular實現購物車計算示例代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要介紹了Angular2 路由問題修復詳解的相關資料,并建了一個測試工程，把詳細的過程分享給大家，需要的朋友可以參考下2017-03-03
本篇文章主要介紹了Angular CLI 安裝和使用教程，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
本篇文章主要介紹了一些AngularJs常用的一些屬性和方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05