requirejs & r.js en iyileştirici kullanırken jQuery eklentileri yüklenemedi

Question

Gereksinimimle optimizasyonumda biraz sorun yaşıyorum. Optimize ediciyi çalıştırdıktan sonra, derlenmiş/derlenmiş dosyamda birkaç hata mesajı alıyorum. En iyi duruma getirme adımı olmadan web uygulamamı çalıştırırken herhangi bir hatam yok.

Bu benim client.js dosyası (yapılandırma içerir) (CoffeeScript)

requirejs.config 
    baseUrl: '/source/' 
    paths: 
    text:     'lib/text' 
    io:     'lib/socket.io' 
    underscore:   'lib/underscore' 
    backbone:    'lib/backbone' 
    jquery:    'lib/jquery' 
# almond:    'lib/almond' 
    bootstrap:   'lib/bootstrap' 
    bootstrapFileUpload: 'lib/bootstrap-fileupload' 
    jqueryUniform:  'lib/jquery.uniform' 
    jqueryBrowser:  'lib/jquery.browser' 
    datatables:   'lib/jquery.dataTables' 
    datatables_bootstrap: 'lib/DT_bootstrap' 
    shim: 
    io: 
     exports: 'io' 
    jquery: 
     exports: 'jQuery' 
    jqueryBrowser: 
     deps: ['jquery'] 
    jqueryUniform: 
     deps: ['jqueryBrowser', 'jquery'] 
    underscore: 
     exports: '_' 
    backbone: 
     deps: ['underscore', 'jquery'] 
     exports: 'Backbone' 
    datatables_bootstrap: 
     deps: ['jquery', 'datatables'] 
    datatables: 
     deps: ['jquery'] 


require ['routers/router', 'backbone'], (Router, Backbone) -> 
    MainRouter = new Router() 
    Backbone.history.start() 

Ve burada optimize edici için benim yapılandırma olmasıdır. Optimizer'ı bir modül olarak 'requirejs' gerektirdikten sonra nodejs'den çalıştırıyorum.

config = 
    baseUrl: __dirname + '/../client/source' 
    name: 'lib/almond' 
    include: './client' 
    optimize: 'none' 
    out:  __dirname + '/../client/' + hash + '.js' 
    paths: 
     text:     'lib/text' 
     io:     'lib/socket.io' 
     underscore:   'lib/underscore' 
     backbone:    'lib/backbone' 
     jquery:    'lib/jquery' 
     bootstrap:   'lib/bootstrap' 
     bootstrapFileUpload: 'lib/bootstrap-fileupload' 
     jqueryUniform:  'lib/jquery.uniform' 
     jqueryBrowser:  'lib/jquery.browser' 
     datatables:   'lib/jquery.dataTables' 
     datatables_bootstrap: 'lib/DT_bootstrap' 
    shim: 
     bootstrap: 
     exports: 'bootstrap' 
     bootstrapFileUpload: 
     exports: 'bootstrapUpload' 
     io: 
     exports: 'io' 
     jquery: 
     exports: 'jQuery' 
     jqueryBrowser: 
     deps: ['jquery'] 
     jqueryUniform: 
     deps: ['jqueryBrowser', 'jquery'] 
     underscore: 
     exports: '_' 
     backbone: 
     deps: ['underscore', 'jquery'] 
     exports: 'Backbone' 
     datatables: 
     deps: ['jquery'] 
     datatables_bootstrap: 
     deps: ['jquery', 'datatables'] 



    requirejs.optimize config, (buildResponse) -> 
    js = true 
    if js && css 
     require './server' 
    , (err) -> 
    console.log 'requirejs err' 
    console.log err 

ben krom görüyorum hata: "Yakalanmayan TypeError: tanımsız malı 'varsayılan' okunamıyor":

/* Set the defaults for DataTables initialisation */ 
$.extend(true, $.fn.dataTable.defaults, { 

Herhangi bu pasajı ilişkilidir

fikir yanlış ne olabilir? Teşekkürler!

Answer 1

Aynı sorunla karşılaştım. Sanırım bu hatanın sebebi, bir yan etkiye bağlı olarak DT_bootstrap.js'un bir AMD modülü olmamasıdır. Bu durumda jquery.dataTables.js.

RequireJS optimize edici, başvuruda bulunduğunuz tüm modülleri bir büyük JS dosyasında birleştirdiğinde, ham DT_bootstrap.js, jquery.dataTables.js'dan sonra bir yerdedir. Sorun, birleştirilmiş js dosyanız yüklendiğinde DT_bootstrap.js'un hemen değerlendirilebilmesidir. Bu $.fn.dataTable o çizgiyi karşılaştığında tanımlanmalıdır istiyor: jquery.dataTables.js yana

$.extend(true, $.fn.dataTable.defaults, { 

o derlenmiştir bir AMD modülüdür ancak henüz değerlendirdi. Sadece daha sonra bir bağımlılık olarak gerekli olduğu kodda, bu değerlendirilecek ve sadece o zaman $.fn.dataTable tanımlayacaktır. https://github.com/amdjs/backbone/blob/master/backbone.js#L8-L24

Örneğin:

(function(root, factory) { 
    // Set up DT_bootstrap appropriately for the environment. 
    if (typeof define === 'function' && define.amd) { 
    // AMD 
    define(['jquery', 'datatables', 'bootstrap'], function($) { 
     factory($); 
    }); 
    } else { 
    // Browser globals 
    factory(root.jQuery); 
    } 
}(this, function($) { 
    // <--- original DT_bootstrap.js goes here 
})); 

Benim için sorun çözüldü burada yapılır gibi

Ben bir AMD modülü tanımında 'DT_bootstrap.js' sarma bu sorunu çalıştı.

Answer 2

Peter neredeyse doğrudur. Kaçırdığı tek şey, tanımların Casey'nin yapılandırmasıyla eşleşmesi gerektiğiydi. Yani, yerine yukarıdaki yanıtında:

define(['jquery', 'dataTable', 'bootstrap'], function($) ... 

olması gerekir:

define(['jquery', 'datatables', 'bootstrap'], function($) ... 

Aksi js dosya dataTable.js ve değil almak için ihtiyacı olan arayacaktır gerektirir.

Answer 3

2.1.11 the wrapShim option gerektirdiğinden, bu sorunu ele alarak orijinal kaynak dosyasını saklayabilirsiniz.