jjzjj

requirejs

全部标签

javascript - 管理 Web 组件的依赖关系; JS、CSS/SASS 和模板文件

我正在寻找布局我们新的网络组件的结构,目前我不确定我是否找到了一个工具来完成我们理想中想要的所有事情,或者非常接近,但看起来它会成为当今想做的相当普遍的事情。我们有一个运行Java服务器端的Web应用程序,而客户端我们大量使用JavaScript并且SASS,除其他事项外。我们正在寻求重新构建我们的一些代码库,并对动态页面内容的某些方面进行组件化。例如,我们希望有一个标准的表格组件,它可以完全独立于完整的网络应用程序进行开发。我看到表格组件具有以下3个核心文件:table.jstable.scss(我们编译成CSS文件的SASS文件)table.tmpl(我们的模板文件最终编译成JS函

javascript - RequireJS:何时使用 'paths' 与 'packages'

我应该在RequireJS中使用paths还是packages?是否有这方面的最佳实践,或者是否有特定的时间我应该考虑使用一个而不是另一个?我已经按照文档进行了操作,并且想到了这个://main.jsrequirejs.config({enforceDefine:true,urlArgs:"bust="+(newDate()).getTime(),baseUrl:"./js",waitSeconds:7,paths:{"jquery":['jquery'],"underscore":['underscore'],"backbone":['backbone'],"handlebars":

javascript - requireJS : How to structure Javascript for an entire site?

我需要3000多行javascript来构建一个合理/可维护的结构。我选择使用requireJS因为它已经被一些人推荐给我。我有一堆变量在整个应用程序中使用,并且需要在任何地方都可用。我还有一堆功能需要随处可用。除了这两个依赖项之外,大部分代码都可以分为它们自己的模块。我无法理解如何管理我的主要变量,以便如果一个代码模块对变量进行更改,则其余JS模块将看到该更改。我想我需要看看一些示例演示了requireJS如何在比文档中的示例更大的范围内工作。如果有人是有经验的requireJS用户,我很乐意听取您的建议! 最佳答案 Requir

javascript - RequireJS 和 JS 模块模式

我目前正在开发一个Javascript应用程序,该应用程序使用具有“模块模式”的多个javascript文件。像这样:varapp=app||{};app.moduleName=app.moduleName||{};app.moduleName=function(){//privatepropertyvarsomeProp=null;return{//publicmethodinit:function(){return"foo";}};}();我使用它的原因是为了结构化我的代码。例如,我可以通过调用app.moduleName.init()来调用方法或属性。这样做的一个缺点是我必须包含

javascript - 带有 requirejs/AMD 的 Webpack

我正在为一个仍然使用requireJS进行模块加载的现有项目开发一个新模块。我正在尝试为我的新模块使用新技术,例如webpack(它允许我使用es6导入来使用es6加载程序)。似乎webpack无法与requireJS语法协调。它会说类似这样的话:“找不到模块:错误:无法解析”。问题:Webpack不会打包带有requireJS/AMD语法的文件。问题:有没有办法让webpack和requireJS兼容?我的最终输出必须是AMD格式,以便项目正确加载它。谢谢。 最佳答案 我有同样的问题,我设法实现了它。下面是相同的webpack.c

javascript - 用于多应用程序项目的 Grunt 和 requirejs 优化器

我在让Grunt对具有以下结构的项目执行requirejs优化时遇到问题:static/js|──apps|──app.js|──dash.js|──news.js...(manymore'app'files)|──build|──collections|──libs|──models|──util|──viewsstatic/js/apps/*.js中的每一个都应该被编译为包含相关依赖项的static/js/build/*.js(例如。views/view1,libs/query等)。目前这是由一个基本的bash脚本执行的:JS_ROOT="static/js"forfin${JS_

javascript - 间歇性 "Bootstrap's JavaScript requires jQuery”错误

我刚开始使用requirejs,我遇到了一个似乎无法解决的问题。当我加载我的应用程序时,我偶尔会收到错误消息“Bootstrap的JavaScript需要jQuery”。以下是相关文件:.HTML...我的require.config来自main.js文件:requirejs.config({baseUrl:'./scripts',shim:{underscore:{exports:'_'},bootstrap:{dep:['jquery'],exports:'Bootstrap'},backbone:{deps:['jquery','underscore'],exports:'Bac

javascript - Eclipse - 使用 require.js define(...) 支持大纲 View

我在define(...)中编写了大量代码如以下格式-define(['angular'],function(angular){functionfoo(){console.log("Hi");}functionfoo2(){console.log("Hi");}functionfoo3(){console.log("Hi");}})Eclipse缺少所有outlineview这种格式的输出,意思是什么都不显示。如何让它支持这种格式,意思是让我了解所有函数和变量声明?这里附上了我当前的大纲View- 最佳答案 JSDT插件是JavaS

javascript - WebStorm 中的 ReactJS 工作流

IntellijforJava的super粉丝(喜欢它和快捷方式)。尝试使用WebStromforReactJS。是否可以进行任何额外的调整?如何在不复制/粘贴的情况下快速创建新的React类,捷径是什么?如何快速浏览类(class)?如何轻松使用导入,例如需要在我输入时快速了解我的项目结构吗?如何从Webstorm构建gulp?谢谢,彼得 最佳答案 在Settings/Languages&Frameworks/JavaScript中将Javascriptlanguageversion设置为'JSXharmony',确保你的reac

javascript - 不同文件中的Requirejs配置

我正在使用requirejs。我的main.js内容如下。requirejs.config({async:true,parseOnLoad:true,packages:[],paths:{jquery:'https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min'}});require(["login"],function(loginService){loginService.login('validUser');});现在,我的配置元素很少。但稍后,我将添加包、路径等,因此require.config行会增加。我想将re