Questions tagged «requirejs»

我从这里API读取了requirejs文档 requirejs.config({ shim: { 'backbone': { //These script dependencies should be loaded before loading //backbone.js deps: ['underscore', 'jquery'], //Once loaded, use the global 'Backbone' as the //module value. exports: 'Backbone' }, 'underscore': { exports: '_' }, 'foo': { deps: ['bar'], exports: 'Foo', init: function (bar) { //Using a function allows …

97 javascript  requirejs  amd  shim  es5-shim 

我正在使用requirejs + jquery，我想知道是否有一种聪明的方法可以使jQuery插件与require一起很好地工作。 例如，我正在使用jQuery-cookie。如果我理解正确，我可以创建一个名为jquery-cookie.js的文件，然后在里面执行 define(["jquery"], // Require jquery function($){ // Put here the plugin code. // No need to return anything as we are augmenting the jQuery object }); requirejs.config( { "shim": { "jquery-cookie" : ["jquery"] } } ); 我想知道我是否可以做像jQuery这样的事情： if ( typeof define === "function" && define.amd && define.amd.jQuery …

88 javascript  jquery  requirejs 

我正在探索将Webpack与Backbone.js结合使用的想法。 我遵循了快速入门指南，对Webpack的工作原理有一个大致的了解，但是我不清楚如何加载依赖库，例如jquery / boneer / underscore。 它们应该从外部加载<script>还是Webpack可以像RequireJS的shim一样处理？ 按照的WebPack DOC：垫补模块，ProvidePlugin并且externals似乎与此有关（因此是bundle!装载机的地方），但我不能想出什么时候使用。 谢谢

84 backbone.js  requirejs  amd  webpack 

我想使用requireJS和我正在使用jQuery。我不想使用requireJS和jQuery的组合版本，因为我没有使用最新的jQuery版本。我使用requireJS的最佳方法是什么？

82 jquery  requirejs 

我正在使用requireJS2.x。我发现有些教程（和官方文档）有时会使用 requirejs.config({ [...] }); requirejs(["module"]) ... 有时 require.config({ [...] }); require(["module"]) ... 这两个函数（require和requirejs）之间有什么区别吗？我在文档中找不到关于此的任何单词。:(

80 javascript  requirejs  require 

在我的系统中，我在浏览器中加载了许多“类”，每个类在开发过程中都是一个单独的文件，并串联在一起进行生产。加载它们时，它们在全局对象（这里）上初始化一个属性G，如以下示例所示： var G = {}; G.Employee = function(name) { this.name = name; this.company = new G.Company(name + "'s own company"); }; G.Company = function(name) { this.name = name; this.employees = []; }; G.Company.prototype.addEmployee = function(name) { var employee = new G.Employee(name); this.employees.push(employee); employee.company = this; }; var john = new …

79 javascript  commonjs  requirejs 

对于网络专家来说，这可能是一个愚蠢的问题。但是我对此有些困惑。现在，我有一个应用程序，使用两个Javascript文件执行不同的任务。现在，我正在使用Javascript捆绑器来合并和缩小所有文件。因此，在运行时将只有一个app.min.js文件。现在，Requirejs用于在运行时加载模块或文件。所以，问题是，如果我已经将所有内容都放在一个文件中，那么我是否需要requirejs？或者在什么情况下可以使用requirejs和/或bundler？ 请让我知道是否需要更多详细信息。

74 javascript  requirejs  servicestack 

是否可以通过WebJars在我的应用程序中包含一个Play 2.3应用程序连接/优化JS（使用sbt-rjs）？举一个具体的例子：我正在尝试创建一个core.js模块，其中包含所有我的第3方库，这些库在一个文件中串联并缩小了，然后可以指定为其他AMD模块的依赖项。最好通过WebJars包含这些库，而不是“手动”下载源。 这是我的build.sbt文件中的一个片段，我在其中指定了我的webjar依赖项： // Webjars libraryDependencies ++= Seq( "org.webjars" % "requirejs" % "2.1.15", "org.webjars" % "underscorejs" % "1.7.0", "org.webjars" % "jquery" % "1.11.1", "org.webjars" % "bootstrap" % "3.3.1" exclude("org.webjars", "jquery"), "org.webjars" % "angularjs" % "1.3.4-1" exclude("org.webjars", "jquery") ) 这是我的requireJS构建配置 requirejs.config({ baseUrl: '/assets/javascripts', shim: { 'jsRoutes': { deps: [], exports: 'jsRoutes' …

74 playframework  requirejs  webjars  sbt-web  sbt-rjs 

已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗？更新问题，使其仅通过编辑此帖子来关注一个问题。 5年前关闭。 改善这个问题 在玩完AMD / RequireJS之后，我想知道加载UI模块（包括模板和CSS）是否完全独立于网页是否是个好主意。 听起来不错，但我还没有看到在野外实现这一功能，因此可能存在一些陷阱。 考虑一些具有以下结构的UI模块： myWidget |--img |--main.js |--styles.css +--template.tpl 所有内容都放在一个文件夹中。看起来很好。 main.js中的模块如下所示： define(["TemplateEngine", "text!myWidget/template.tpl"], function(TemplateEngine, template) { // Load CSS (Pseudo Code) var cssUrl = "myWidget/styles.css"; appendToHead(cssUrl); return function() { return { render: function(data) { return TemplateEngine.toHtml(template, data); } } } }); 现在的问题是： 我想念什么吗？ 是否有任何插件/概念如何以“标准”方式实现这一目标？ RequireJS优化器是否能够在这里处理CSS部分，例如像在JS部分中一样处理样式/缩小样式表？ …

72 css  requirejs  javascript  js-amd 

最近，我开始reactjs与backbonejs路由器一起使用来构建应用程序。 我通常将userequirejs用于依赖关系和代码管理。但是，当我尝试包含包含jsx语法的文件时会出现问题。 这是我目前所拥有的router.js： define(["backbone", "react"], function(Backbone, React) { var IndexComponent = React.createClass({ render : function() { return ( <div> Some Stuff goes here </div> ); } }); return Backbone.Router.extend({ routes : { "": "index" }, index : function() { React.renderComponent(<IndexComponent />, document.getElementById('index')); } }); }); 如何将IndexComponent放在其自己的文件中并在此文件中调用它？我尝试了通常的方法（与骨干和反应相同），但是由于jsx语法错误。

71 javascript  requirejs  frontend  reactjs 

我刚刚开始使用Require.JS，但对于在什么情况下应该使用它以及在这些情况下使用它的正确方法，我并不清楚。 这是我目前使用Require.JS进行设置的方式。我有两个功能，functionA()和functionB()。这两个功能都需要附加功能functionC()才能正常工作。 我只想在必要时加载functionC（），即要调用functionA（）或functionB（）时。所以我有以下文件： functionC.js functionC(){ //do stuff } functionA.js functionA(){ define(['functionC'],function(){ //functionC() is loaded because it is listed as a dependency, so we can proceed //do some functionA() stuff }); } functionB.js functionB(){ define(['functionC'],function(){ //functionC() is loaded because it is listed as a dependency, so we can proceed //do some …

68 javascript  requirejs 

我有许多JavaScript“类”，每个类都在其自己的JavaScript文件中实现。为了进行开发，这些文件是分别加载的，对于生产来说，它们是连接在一起的，但是在两种情况下，我都必须手动定义加载顺序，如果B使用A，请确保B紧随A之后。我计划使用RequireJS作为实现CommonJS Modules / AsynchronousDefinition为我自动解决此问题。 有没有比定义每个导出一个类的模块更好的方法呢？如果不是，您如何命名模块导出的内容？如下例所示，模块“ employee”导出类“ Employee”，对我来说还不够干。 define("employee", ["exports"], function(exports) { exports.Employee = function(first, last) { this.first = first; this.last = last; }; }); define("main", ["employee"], function (employee) { var john = new employee.Employee("John", "Smith"); });

68 javascript  commonjs  requirejs 

我首先要说的是，我是RequireJS的新手，甚至是茉莉花的新手。 我在SpecRunner上遇到一些问题，需要JS。我一直在关注Uzi Kilon和Ben Nadel（以及其他一些人）的教程，它们对一些人有所帮助，但是我仍然遇到一些问题。 看来，如果测试中抛出错误（我可以特别想到一个错误，即类型错误），则将显示spec运行器html。这告诉我，javascript中存在一些问题。但是，修复这些错误后，不再显示HTML。 我根本无法显示测试运行程序。有人可以发现我的代码有问题导致此问题吗？ 这是我的目录结构： Root |-> lib |-> jasmine |-> lib (contains all of the jasmine lib) |-> spec |-> src |-> jquery (jquery js file) |-> require (require js file) index.html (spec runner) specRunner.js 这是SpecRunner（索引）HTML： <!doctype html> <html lang="en"> <head> <title>Javascript Tests</title> <link rel="stylesheet" href="lib/jasmine/lib/jasmine.css"> <script …

67 javascript  unit-testing  requirejs  bdd  jasmine