RequireJS Text Plugin installé avec Bower

Comment dois-je utiliser requirejs-text qui est installé via de verdure? Je suis censé le mettre dans baseUrl mais me demande si je pourrais l'utiliser à partir de components/requirejs-text/? Quelle est la meilleure pratique?

source d'informationauteur Jiew Meng

  1. 25

    Définir le chemin d'accès au plugin dans le fichier de configuration:

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

    Et à utiliser dans votre module comme indiqué sur 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.
    }
);

    Vous pouvez utiliser aussi techniquement utiliser le plugin sans la définition du chemin d'accès dans le requirejs.config, mais c'est propbably pas de meilleure pratique:

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

    dans PROJECT_APP/bower.js ajouter cette ligne dans la section des dépendances:

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

    puis exécutez bower installil est recommandé d'installer ce plugin et de les afficher à la fin d'un chemin tel que requirejs-text#2.0.10 vendor/bower/requirejs-text (dépend de votre configuration).

    Enfin, dans le config.js fichier, ajoutez cette ligne sous 

    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"
    }

});

    Puis de l'utiliser, il suffit de besoin, dans ce cas vous pouvez y accéder avec le template variable

    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 !
  3. 2

    C'est de cette façon que j'ai installer requirejs-texte à l'aide de la charmille

    Dans votre projet de verdure.fichier json:

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