JSPM eklentileri yüklerken config.js'ye bağımlılıkları eklemek nasıl engellenir?

Question

aşağıdaki komutu kullanarak, css eklentisini yüklediğinizde:

jspm install css 

benim config.js eklenir aşağıdadır:

System.config({ 
    "map": { 
    "css": "github:systemjs/plugin-css@0.1.6", 
    "github:jspm/nodelibs-assert@0.1.0": { 
     "assert": "npm:assert@1.3.0" 
    }, 
    "github:jspm/nodelibs-buffer@0.1.0": { 
     "buffer": "npm:buffer@3.0.3" 
    }, 
    "github:jspm/nodelibs-events@0.1.0": { 
     "events-browserify": "npm:events-browserify@0.0.1" 
    }, 
    "github:jspm/nodelibs-http@1.7.0": { 
     "Base64": "npm:Base64@0.2.1", 
     "events": "github:jspm/nodelibs-events@0.1.0", 
     "inherits": "npm:inherits@2.0.1", 
     "stream": "github:jspm/nodelibs-stream@0.1.0", 
     "url": "github:jspm/nodelibs-url@0.1.0", 
     "util": "github:jspm/nodelibs-util@0.1.0" 
    }, 
    "github:jspm/nodelibs-https@0.1.0": { 
     "https-browserify": "npm:https-browserify@0.0.0" 
    }, 
    "github:jspm/nodelibs-os@0.1.0": { 
     "os-browserify": "npm:os-browserify@0.1.2" 
    }, 
    "github:jspm/nodelibs-path@0.1.0": { 
     "path-browserify": "npm:path-browserify@0.0.0" 
    }, 
    "github:jspm/nodelibs-process@0.1.1": { 
     "process": "npm:process@0.10.1" 
    }, 
    "github:jspm/nodelibs-stream@0.1.0": { 
     "stream-browserify": "npm:stream-browserify@1.0.0" 
    }, 
    "github:jspm/nodelibs-url@0.1.0": { 
     "url": "npm:url@0.10.3" 
    }, 
    "github:jspm/nodelibs-util@0.1.0": { 
     "util": "npm:util@0.10.3" 
    }, 
    "github:systemjs/plugin-css@0.1.6": { 
     "clean-css": "npm:clean-css@3.0.10", 
     "fs": "github:jspm/nodelibs-fs@0.1.1", 
     "path": "github:jspm/nodelibs-path@0.1.0" 
    }, 
    "npm:amdefine@0.1.0": { 
     "fs": "github:jspm/nodelibs-fs@0.1.1", 
     "module": "github:jspm/nodelibs-module@0.1.0", 
     "path": "github:jspm/nodelibs-path@0.1.0", 
     "process": "github:jspm/nodelibs-process@0.1.1" 
    }, 
    "npm:assert@1.3.0": { 
     "util": "npm:util@0.10.3" 
    }, 
    "npm:buffer@3.0.3": { 
     "base64-js": "npm:base64-js@0.0.8", 
     "ieee754": "npm:ieee754@1.1.4", 
     "is-array": "npm:is-array@1.0.1" 
    }, 
    "npm:clean-css@3.0.10": { 
     "buffer": "github:jspm/nodelibs-buffer@0.1.0", 
     "commander": "npm:commander@2.5.1", 
     "fs": "github:jspm/nodelibs-fs@0.1.1", 
     "http": "github:jspm/nodelibs-http@1.7.0", 
     "https": "github:jspm/nodelibs-https@0.1.0", 
     "os": "github:jspm/nodelibs-os@0.1.0", 
     "path": "github:jspm/nodelibs-path@0.1.0", 
     "process": "github:jspm/nodelibs-process@0.1.1", 
     "source-map": "npm:source-map@0.1.43", 
     "url": "github:jspm/nodelibs-url@0.1.0", 
     "util": "github:jspm/nodelibs-util@0.1.0" 
    }, 
    "npm:commander@2.5.1": { 
     "child_process": "github:jspm/nodelibs-child_process@0.1.0", 
     "events": "github:jspm/nodelibs-events@0.1.0", 
     "path": "github:jspm/nodelibs-path@0.1.0", 
     "process": "github:jspm/nodelibs-process@0.1.1" 
    }, 
    "npm:core-util-is@1.0.1": { 
     "buffer": "github:jspm/nodelibs-buffer@0.1.0" 
    }, 
    "npm:events-browserify@0.0.1": { 
     "process": "github:jspm/nodelibs-process@0.1.1" 
    }, 
    "npm:https-browserify@0.0.0": { 
     "http": "github:jspm/nodelibs-http@1.7.0" 
    }, 
    "npm:inherits@2.0.1": { 
     "util": "github:jspm/nodelibs-util@0.1.0" 
    }, 
    "npm:os-browserify@0.1.2": { 
     "os": "github:jspm/nodelibs-os@0.1.0" 
    }, 
    "npm:path-browserify@0.0.0": { 
     "process": "github:jspm/nodelibs-process@0.1.1" 
    }, 
    "npm:punycode@1.3.2": { 
     "process": "github:jspm/nodelibs-process@0.1.1" 
    }, 
    "npm:readable-stream@1.1.13": { 
     "buffer": "github:jspm/nodelibs-buffer@0.1.0", 
     "core-util-is": "npm:core-util-is@1.0.1", 
     "events": "github:jspm/nodelibs-events@0.1.0", 
     "inherits": "npm:inherits@2.0.1", 
     "isarray": "npm:isarray@0.0.1", 
     "process": "github:jspm/nodelibs-process@0.1.1", 
     "stream": "npm:stream-browserify@1.0.0", 
     "string_decoder": "npm:string_decoder@0.10.31", 
     "util": "github:jspm/nodelibs-util@0.1.0" 
    }, 
    "npm:source-map@0.1.43": { 
     "amdefine": "npm:amdefine@0.1.0", 
     "fs": "github:jspm/nodelibs-fs@0.1.1", 
     "path": "github:jspm/nodelibs-path@0.1.0", 
     "process": "github:jspm/nodelibs-process@0.1.1" 
    }, 
    "npm:stream-browserify@1.0.0": { 
     "events": "github:jspm/nodelibs-events@0.1.0", 
     "inherits": "npm:inherits@2.0.1", 
     "readable-stream": "npm:readable-stream@1.1.13" 
    }, 
    "npm:string_decoder@0.10.31": { 
     "buffer": "github:jspm/nodelibs-buffer@0.1.0" 
    }, 
    "npm:url@0.10.3": { 
     "assert": "github:jspm/nodelibs-assert@0.1.0", 
     "punycode": "npm:punycode@1.3.2", 
     "querystring": "npm:querystring@0.2.0", 
     "util": "github:jspm/nodelibs-util@0.1.0" 
    }, 
    "npm:util@0.10.3": { 
     "inherits": "npm:inherits@2.0.1", 
     "process": "github:jspm/nodelibs-process@0.1.1" 
    } 
    } 
}); 

nasıl amacıyla düzenli benim config.js tutabilir Tüm bu bilgileri tüm sayfalarda da eklemekten kaçının (config.js'nin her sayfaya dahil olması gerektiğinden)? Burada fazla JSPM yeniyim ve büyük config.js boyutları hakkında benzer bir tepki vardı, ama

Answer 1

öğrendiğim birkaç şey var:

1) Düğüm modülleri için JSPM kullanmayacağı kadar sadece Sunucu tarafında/geliştirme makinesinde kullanmak istiyorum. Sadece bunlar için NPM'yi kullanmaya devam edebilirsiniz. Bu hatayı yaptım - JSPM'yi tüm bağımlılıklar için kullanmam gerektiğini düşünerek hem Bower hem de NPM'yi değiştirdim. JSPM aracılığıyla gulp'u yükledim ve config.js'm aniden 700 satırın üzerindeydi! 2) Bağımlılıkların tüm bağımlılıkları değil, paketin üst seviyedeki bağımlılıklarını - paket.jsondaki gibi- kaydetmek için yapılandırmanın mümkün olup olmadığını merak ettim ... Ses böyle gelmiyor. Ben Gitter group sordu ve yanıt oldu: "Büyük olduğu gibi, size npm içinde olmayan akran bağımlılıkları üzerinde kontrol sağlar". (Teşekkürler Mitranim).

3) require.js hakkında bilgi sahibi iseniz, config.js dosyanızı require.config(...) numaranız gibi düşünebilirsiniz. Yaptığı şeylerden biri, modüllerinizi dahil etmek için kullanabileceğiniz kısa isimlerinizi oluşturmaktır. Eski bir require.js kullanıcısı olarak, giriş noktası olarak front-ucuma require.js yapılandırma dosyasını eklemem gerektiğini ve config.js için de aynı şeyi kabul ettiğimi kabul ettim - en azından, geliştirme için ...

4) Üretim başka bir konudur. "Guy Bedford on the Gitter group: 'dan alıntı", yapılandırma dosyasının " geliştirilecek olan üretim \ iş akışlarına dahil edilmesi anlamına gelmez." Başlangıç ​​Kılavuzu'nda "Bundle for production" section'da daha fazla bilgi var.) 5) Yararlı bir başlangıç ​​noktası, Jack Franklindemo from Async Brighton. Özellikle not: o, betimlenen komutları sadece minimize edilmiş app.min.js işaret etmek için anahtarlayan üretim için bir paket iş akışına sahiptir - Makefile'a bakın.