require'模組化jquery和angular問題

來源:互聯網
上載者:User

標籤:檔案夾   json   query   on()   pat   檔案   swipe   沒有   port   

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問題

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.