RequireJS隨Bower安裝的文字插件

Question

我應該如何使用通過bower安裝的requirejs-text？我應該把它在baseUrl，但不知道我是否可以使用它從components/requirejs-text/？最佳做法是什麼？

Answer 1

定義的路徑，在配置插件：

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

並在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. 
    } 
); 

您可以使用在技術上也使用插件，而不在requirejs.config路徑定義，但這不是想必最佳實踐：

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

Answer 2

這是我在使用涼亭

在項目的bower.json文件安裝requirejs文本：

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

Answer 3

在PROJECT_APP/bower.js下添加依賴關係部分這一行：

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

然後運行bower install，它應該安裝此插件並在末尾顯示路徑，例如requirejs-text#2.0.10 vendor/bower/requirejs-text（取決於您的配置）。

最後，在config.js文件中添加下

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

}); 

，這一行使用它，只是需要它，在這種情況下，你可以用template可變

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 !