Wymagana wtyczka TextJast zainstalowana z Bower

Question

Jak powinienem używać requirejs-text instalowanego przez altanę? Mam go umieścić w baseUrl, ale zastanawiam się, czy mogę go użyć od components/requirejs-text/? Jaka jest najlepsza praktyka?

Answer 1

Określ ścieżkę do wtyczki w config:

requirejs.config({ 
    paths: { 
     "text" : "components/requirejs-text/text" 
    } 
}, 

Użyj go w swoim module zgodnie z dokumentacją: https://github.com/requirejs/text:

require(["some/module", "text!some/module.html", "text!some/module.css"], 
    function(module, html, css) { 
     //the html variable will be the text 
     //of the some/module.html file 
     //the css variable will be the text 
     //of the some/module.css file. 
    } 
); 

Można użyć również technicznie używać wtyczki bez definicji ścieżka w requirejs.config, ale to propbably nie najlepsza praktyka:

require(["your_path_to_the_plugin_from_baseurl/without_js_at_the_end!some/textfile"], 
    function(yourTextfile) { 
    } 
); 

Answer 2

To jak mam zainstalować requirejs-tekst za altanę

w projekcie w pliku bower.json:

{ 
    "name":"{{YOUR PROJECT NAME}}", 
    "version":"{{YOUR PROJECT VERSION}}", 
    "dependencies":{ 
     "requirejs-text":"2.0.6" 
    } 
} 

Answer 3

w PROJECT_APP/bower.js dodać tę linię w sekcji zależności:

"requirejs": "~2.1.8", 
"requirejs-text":"~2.0.10", // this is new 
"qunit": "~1.12.0", 

następnie uruchom bower install, powinien zainstalować tę wtyczkę i wyświetlić na końcu ścieżkę, taką jak requirejs-text#2.0.10 vendor/bower/requirejs-text (w zależności od konfiguracji).

Wreszcie w pliku config.js, dodać tę linię pod

require.config({ 
    paths: { 

     // Make vendor easier to access. 
     "vendor": "../vendor", 
     // Almond is used to lighten the output filesize. 
     "almond": "../vendor/bower/almond/almond", 

     // add the requirejs text plugin here 
     "text" : "../vendor/bower/requirejs-text/text", 

     // Opt for Lo-Dash Underscore compatibility build over Underscore. 
     "underscore": "../vendor/bower/lodash/dist/lodash.underscore", 

     // Map remaining vendor dependencies. 
     "jquery": "../vendor/bower/jquery/jquery", 
     "backbone": "../vendor/bower/backbone/backbone" 
    } 

}); 

następnie go używać, po prostu wymaga to, w tym przypadku można uzyskać do niego dostęp z template zmienna

define([ 
    // These are path alias that we configured in our bootstrap 
    'app',  // general app variables 
    'jquery',  // lib/jquery/jquery 
    'underscore', // lib/underscore/underscore 
    'backbone', // lib/backbone/backbone 
    'text!templates/books.html' // use the plugin to import a template 
], function(app,$, _, Backbone, template){ // don't forget to define it !