ホームページ >ウェブフロントエンド >jsチュートリアル >require' モジュラー jquery と角度の問題
require モジュール開発の問題、通常、作成したモジュールはモジュールをエクスポートするためのエクスポートです
//jquery のモジュール導入との違いと問題点
require jquery Swiper の導入.... プラグインとライブラリが必要です
require .config( {
BaseUrl:"js/libs", //html
パスに対する相対的なフォルダー ディレクトリの場所:{
ファイル名/swiper" //各プラグインの実行時にここで変更を行うこともできますとライブラリは同じフォルダ内にありません
}
})
define(['angular','swiper'],function($){ // 上記で保存したプラグインとライブラリの変数を角括弧内に書きます
//jquer/swiper がどのように書くかをここに書いてください
//ネイティブ メソッドを返したい場合は、
var fn=function(){};
/ /これを返すには json オブジェクトを使用する必要がありますメソッドを使用し、モジュールを通常のエクスポートにエクスポートしません
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'} // グローバル変数をエクスポートする必要がありますnamed angular
}
})
define('app',['angular'],function(){ //先頭のアプリは現在のファイルをAMDモジュールに変換するためのファイル名です
//通常の書き方 angular
var app=angular.module('mk',[])
return app; // これは angular 定義モジュールを返します
})
以上がrequire' モジュラー jquery と角度の問題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。