zepto

Question

के साथ requjs का उपयोग कैसे करें I needjs के साथ काम करने के लिए zepto नहीं लग रहा है।

यहाँ मेरी फ़ाइलें

main.js

require.config({ 
    paths: { 
    zepto: 'libs/zepto/zepto.min', 
    underscore: 'libs/underscore/underscore-min', 
    backbone: 'libs/backbone/backbone-min', 
    cordova: 'libs/cordova/cordova-2.1.0', 
    history: 'libs/history/history', 
    historyZ: 'libs/history/history.adapter.zepto' 
    }, 
    shim: { 
     zepto: { 
      exports: '$' 
     }, 
     backbone: { 
      deps: ['underscore', 'zepto'] 
     }} 
}); 

require([ 

    // Load our app module and pass it to our definition function 
    'app', 
], function(App){ 
    // The "app" dependency is passed in as "App" 
    App.initialize(); 
}); 

app.js

define([ 
    'zepto', 
    'underscore', 
    'backbone', 
    'router' // Request router.js 
], function($, _, Backbone, Router){ 
    var initialize = function(){ 
    // Pass in our Router module and call it's initialize function 
    Router.initialize(); 
    } 

    return { 
    initialize: initialize 
    }; 
}); 

router.js हैं

define([ 
    'zepto', 
    'underscore', 
    'backbone', 
    'views/dashboard' 
], function($, _, Backbone, DashboardView){ 
    var AppRouter = Backbone.Router.extend({ 
    routes: { 
     // Define some URL routes 
     ''  : 'showDashboard', 
    } 
    }); 

    var initialize = function(){ 
    var app_router = new AppRouter; 
    app_router.on('showDashboard', function(){ 
     // We have no matching route, lets just log what the URL was 
     //console.log('No route:', actions); 
     var dashboardView = new DashboardView(); 
     dashboardView.render(); 
     }); 
    Backbone.history.start(); 
    }; 
    return { 
    initialize: initialize 
    }; 
}); 

आप चित्र प्राप्त .. लेकिन जब मैं यह सब चलाता हूं, मुझे यह क्रोमस कॉन में मिलता है एकमात्र:

GET http://localhost/SBApp/www/js/jquery.js 404 (Not Found)   require.js:1824 

और एक स्क्रिप्ट त्रुटि (मैं कोष्टक में फेंक दिया बीसी यह मेरे पोस्ट जाने नहीं होगा।)

और फ़ायरबग साथ Firefox में, यह एक scripterror

किसी को भी सफलता को विन्यस्त किया गया है बाहर थूक Zepto आवश्यकता के साथ और मुझे कुछ मदद फेंक सकते हैं?

Answer 1

बैकबोन में सामान्य रूप से "परिभाषित ([" अंडरस्कोर "," jquery "," export "] है, .." इसमें, इसे बस प्रतिस्थापित करना होगा। फिर, मैंने ज़िप्टो के अंत में निम्नलिखित स्निपेट को जोड़ा .js।

// If `$` is not yet defined, point it to `Zepto` 
window.Zepto = Zepto 
'$' in window || (window.$ = Zepto) 

if (typeof define === "function" && define.amd) { 
    define("zepto", [], function() { return Zepto; }); 
} 

यह काम करने के लिए लगता है। यदि आप एक बैकअप के रूप में jQuery करना चाहते हैं (यह गंदा है), लेकिन मैं के रूप में "jQuery" "zepto" परिभाषित zepto.js फ़ाइल में है, तो में तो requirejs.config मैं इस किया था ...

requirejs.config({ 
    paths: { 
     // Jquery should be zepto, probably a better way to do this... 
     jquery: RegExp(" AppleWebKit/").test(navigator.userAgent) ? '/js/vendor/zepto' : '/js/vendor/jquery.min', 
     underscore: '/js/vendor/underscore.min', 
     backbone: '/js/vendor/backbone.min' 
    } 
}); 

require(['jquery', 'underscore', 'backbone'], function($, _, Backbone) { 
    // Stuff here... 
}); 

लेकिन कर रही है कि मैं backbone.js संशोधित करने के लिए नहीं था द्वारा jQuery और मैं broug के लिए फ़ाइल को परिभाषित आईई के लिए ब्राउज़र समर्थन में एचटी ...

Answer 2

requjs की शिम सुविधा का उपयोग करें। यह answer देखें। हर बार जब यह स्थिति होती है तो पुस्तकालय के स्रोत को संपादित करने से बचें। इसके अलावा, आपको हर बार जब आप लाइब्रेरी को किसी नए संस्करण में अपडेट करते हैं तो संपादन को याद रखने की आवश्यकता नहीं है।

, इस अस्वीकरण जोड़ा जा रहा है क्योंकि @James वाटकिंस सोचता है कि इतने पर प्रत्येक पोस्ट के लिए उसे अन्यथा यह downvoted किया जाना चाहिए काम करना चाहिए: यह समाधान या (विशेष रूप से विचार कर यह लिखा गया था 3 साल पहले आपके लिए काम नहीं हो सकता है !!!)

Answer 3

आप 'का विस्तार/zepto.js' फ़ाइल के बजाय संशोधित zepto.js जोड़ सकते हैं:

/** 
* extend Zepto 
*/ 

define([ 
    'zepto' 
], function() { 

    "use strict"; 

    window.Zepto = Zepto 
    // If `$` or `jQuery` is not yet defined, point them to `Zepto` 
    '$' in window || (window.$ = Zepto) 
    'jQuery' in window || (window.jQuery = Zepto) 

    return Zepto; 

}); 

फिर सेट jquery पथ extend/zepto रहे हैं:

require.config({ 
    paths: { 
    'jquery': 'extend/zepto' 
    } 
}) 

Answer 4

https://github.com/l-zhi/html5-backbone-boilerplate आप इस बॉयलरप्लेट से उपयोग कर सकते हैं webpack साथ

resolve: { alias: { 
    "jquery": 'xxx/zepto.js' // or jquery.js for PC 
}},