簡單談?wù)剅equire模塊化jquery和angular的問題
require 模塊化開發(fā)問題,正常自己寫的模塊 是exports 導(dǎo)出一個模塊
//模塊化引入jquery 不同和問題 require 引入jquery swiper .... 插件和庫的時候需要 require.config({ baseUrl:"js/libs", //文件夾目錄相對與html的位置 paths:{ 'jquery':"jquery-1.9.1" //插件或庫的文件名 'swiper':"文件名/swiper" //當(dāng)每個插件和庫不在同一文件夾下時 這里也可以進行更改 } }) define(['angular','swiper'],function($){ //中括號中寫上邊你保存的插件和庫 的變量 //jquer/swiper怎樣寫這里就怎樣寫 //如果要返回一個原生的方法需要 var fn=function(){}; //我們需要用json 對象把這個方法返回出去 不向正常用exports導(dǎo)出模塊 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'} //需要導(dǎo)出一個名為angular的全局變量 } }) define('app',['angular'],function(){ //前邊的app是文件名把當(dāng)前文件變?yōu)橐粋€AMD模塊 //正常寫angular var app=angular.module('mk',[]) return app;//這個是返回的是angular定義模塊 })
以上這篇簡單談?wù)剅equire模塊化jquery和angular的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Angular directive遞歸實現(xiàn)目錄樹結(jié)構(gòu)代碼實例
本篇文章主要介紹了Angular directive遞歸實現(xiàn)目錄樹結(jié)構(gòu)代碼實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05舉例詳解AngularJS中ngShow和ngHide的使用方法
這篇文章主要介紹了舉例詳解AngularJS中ngShow和ngHide的使用方法,AngularJS是一款非常熱門的JavaScript框架,需要的朋友可以參考下2015-06-06詳解Angular調(diào)試技巧之報錯404(not found)
本篇文章主要介紹了詳解Angular調(diào)試技巧之報錯404(not found),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-01-01Angular4學(xué)習(xí)教程之HTML屬性綁定的方法
這篇文章主要給大家介紹了關(guān)于Angular4學(xué)習(xí)教程之HTML屬性綁定的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01在Angular項目使用socket.io實現(xiàn)通信的方法
這篇文章主要介紹了在Angular項目使用socket.io實現(xiàn)通信的方法,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-01-01Angular HMR(熱模塊替換)功能實現(xiàn)方法
本篇文章主要介紹了Angular HMR(熱模塊替換)功能實現(xiàn)方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-04-04AngularJS基礎(chǔ) ng-submit 指令簡單示例
本文主要介紹AngularJS ng-submit 指令,這里對ng-submit 指令的基礎(chǔ)資料做了詳細介紹整理,并附有代碼示例,有需要的小伙伴可以參考下2016-08-08