将基于Requirejs和Backbone的应用程序迁移到WebPack
将基于Requirejs和Backbone的应用程序迁移到Webpack是一个常见的需求，因为Webpack在前端开发中具有更强大的模块化和打包能力。下面是关于这个问题的完善且全面的答案：
迁移应用程序到Webpack的步骤如下：
- 安装Webpack和相关依赖： 首先，需要在项目中安装Webpack及其相关的loader和插件。可以使用npm或者yarn进行安装。
- 配置Webpack： 在项目根目录下创建一个名为webpack.config.js的文件，并进行相应的配置。配置文件中需要指定入口文件、输出文件、模块加载器等。
- 迁移模块： 将原先使用Requirejs定义的模块迁移到Webpack的模块系统中。Webpack使用ES6的模块语法，可以使用import和export关键字来定义和导入模块。
- 处理依赖关系： 如果应用程序中存在依赖关系，需要在Webpack的配置文件中进行配置，以确保正确的加载顺序。
- 配置打包输出： 在Webpack的配置文件中，可以指定打包输出的文件名、路径等。可以使用Webpack的插件来优化打包输出，例如压缩代码、提取公共模块等。
- 测试和调试： 迁移完成后，进行测试和调试，确保应用程序在Webpack环境下正常运行。
迁移应用程序到Webpack的优势：
- 更强大的模块化支持：Webpack支持各种模块化规范，包括CommonJS、AMD和ES6模块化，可以更方便地管理和组织代码。
- 自动化打包：Webpack可以将多个模块打包成一个或多个文件，减少了网络请求次数，提高了应用程序的加载速度。
- 丰富的插件生态系统：Webpack拥有丰富的插件生态系统，可以进行代码压缩、文件优化、资源管理等，提供了更多的开发和优化选项。
- 开发工具支持：Webpack提供了开发工具，例如热模块替换（Hot Module Replacement）和代码分割（Code Splitting），可以提高开发效率和用户体验。
迁移应用程序到Webpack的应用场景：
- 大型前端项目：对于大型前端项目，使用Webpack可以更好地管理模块依赖关系，提高代码的可维护性和可扩展性。
- 前端框架应用：许多流行的前端框架，如React、Vue和Angular，都已经支持Webpack作为默认的构建工具，迁移到Webpack可以更好地与这些框架配合使用。
- 性能优化：Webpack可以对代码进行优化，减少文件大小和网络请求次数，提高页面加载速度和性能。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
- 腾讯云CVM（云服务器）：https://cloud.tencent.com/product/cvm
- 腾讯云COS（对象存储）：https://cloud.tencent.com/product/cos
- 腾讯云SCF（云函数）：https://cloud.tencent.com/product/scf
- 腾讯云VPC（私有网络）：https://cloud.tencent.com/product/vpc
- 腾讯云SSL证书：https://cloud.tencent.com/product/ssl
相关·内容
目前，我正在尝试将现有的RequireJS项目迁移到Webpack，并继续移植map配置的RequireJS部分：
...
map: {
// Everyone get an extension module as if it's an original
"*": {
"backbone": "backbone_ext",
"marionette": "marionette_ext"
},
// Extension modules get o
浏览 3提问于2016-08-15得票数 2
回答已采纳
我有一个使用Backbone.js开发的大型应用程序，使用Requirejs.We的木偶是使用Grunt进行构建的。我需要将Requirejs迁移到Webpack，因为我们经常看到模块加载超时。我觉得，与使用Requirejs将单页转换为多页相比，Webpack的多切入点方法是一种更好的方法。
总体而言，我们大约有400个js文件和250个htmlpartial文件。项目结构为
app
|--modules
| |-- module-A
| |- model
| |- collection
|
浏览 6提问于2016-08-01得票数 2
回答已采纳
I有一个项目，它与RequireJS一起使用裸Javascript (+ Jquery +主干)。我包括依赖项，例如：
require.config({
baseUrl: "./js/",
paths: {
jquery: 'lib/jquery-1.8.2',
underscore: 'lib/underscore-1.4.2',
backbone: 'lib/backbone-1.1.2',
'backbone.localStorage&#
浏览 0提问于2014-07-28得票数 0
回答已采纳
因此，我正在将一个小型主干应用程序移植到RequireJS安装程序，令人惊讶的是，我遇到了以下代码的问题：
define([
'jquery',
'underscore',
'backbone',
'channel',
'templates'
], function ($, _, Backbone, channel, JST) {
'use strict';
var SomeView = Backbone.View.extend({
浏览 5提问于2013-09-29得票数 0
回答已采纳
我正在尝试将一个项目从RequireJS迁移到webpack。我已经设置了大部分内容，但是当我尝试运行webpack时，我会得到以下错误：
Module not found: Error: Can't resolve 'app' in './app/scripts/views/public-views.js'."
我的密码在下面。
public-views.js:
define([
'app',
'backbone.syphon',
], function(App) {
&
浏览 0提问于2019-07-30得票数 0
回答已采纳
1回答
我们实际上是从RequireJS迁移到Webpack，以便能够切换到CommonJS模块而不是CommonJS，而不必同时重构所有内容。
我们使用的是与RequireJS一起使用的杏仁，它允许我们生成客户正在使用的单个.js文件。
我们想对Webpack做同样的事情，但实际上它会生成两个资产，一个发出JSONP调用来异步加载另一个资产。
我们就像：
1.bundle.js
bundle.js
bundle.js文件发出一个JSONP请求来加载1.bundle.js文件，但这不是我们想要做的。我们需要一个独立的文件。
是否可能只生成一个.js文件？
这是webpack的配置，请注
浏览 2提问于2015-05-13得票数 1
回答已采纳
经过长时间的研究，发现了一些东西:-)问题似乎与函数"getObjectByName“有关。它不能很好地与requireJS(ADM)配合使用。目前，我必须设置一个globel变量来解决这个问题。我相信一定有更好的解决方案。
这是我的临时解决方案：
(1)设置全局变量并将搜索模型范围设置为全局("APP")
var APP = {};
define(['backbone-relational'], function(){
Backbone.Relational.store.addModelScope(APP);
})
(2)将您的关系模型导出到
浏览 5提问于2013-04-13得票数 7
回答已采纳
1回答
我们有一个大型的网络应用程序开发的教育领域使用Backbone.js，木偶和Requirejs。我们也在使用Mathjax。我们的应用程序有大约400个js文件和超过200个html模板文件。我们经常看到与模块加载超时相关的错误。我们正在评估迁移到基于Webpack的解决方案，并特别感兴趣的是基于多个入口点的组件加载拆分，而不需要太多更改代码。
然而，我们面临着Mathjax的问题。我们在解析别名的webpack.config.js中指定了它的cdn位置为
"mathjax": "http://cdn.mathjax.org/mathjax/2.6-latest/Mat
浏览 8提问于2016-08-01得票数 3
1回答
我正在开发一个Angular应用程序，它集成到一个更大的应用程序中。我们使用的是RequireJs，我正在迁移到Webpack。我的代码依赖于以下格式的外部requirejs模块：
var x = require('foo/foo/bar');
编辑:该模块实际上是一个位于serverRoot/foo/foo/bar.js中的脚本。
在我的webpack.config.js中，我告诉webpack不要去操心这个模块，因为它是外部提供的：
externals: {
'foo/foo/bar': 'foo/foo/bar'
}
这将生成以下由
浏览 0提问于2016-07-29得票数 1
2回答
我正在将一个网络应用程序从requireJS迁移到webpack。使用requireJS，根据环境的不同，我有不同的配置。
对于活动环境，我使用r.js将所有模块及其依赖项压缩并打包到一个文件中。之后，我添加almondJS来管理依赖项，然后加载js包，如下所示：
对于我的开发环境，我像这样加载requireJS : requireJS将使用data-main指定的配置文件来异步加载模块及其依赖项。
如您所见，使用requireJS模块加载和捆绑是两个独立的过程，这允许我在开发期间调试AMD模块，而不需要源代码映射。
如何在开发过程中使用webpack作为模块加载器而不进行绑定
浏览 1提问于2018-09-12得票数 0
回答已采纳
1回答
我尝试了这些教程、和，但是主干仍然无法工作。控制台输出说：“未定义的TypeError:无法调用未定义的方法‘扩展’”
文件夹结构是：
index.html
resources
js
b.js
main.js
meinmodul.js
libs
backbone.js
jquery-1.7.1.js
requireJS_2.1.5.js
underscore.js
index.html：
<!DOCTYPE HTML PUBLIC &
浏览 3提问于2013-11-07得票数 0
我正尝试在一个小的TODO应用程序上使用Webpack，但它无法解析入口点JS文件的HTML模板。
我试过运行Backbone应用程序，它运行得很好，所以我想这是因为它被包含在我的入口点JS文件中，而Webpack不知道如何处理它。
package.json
{
"name": "backbone_webpack_demo",
"version": "1.0.0",
"scripts": {},
"license": "ISC",
"d
浏览 1提问于2019-01-15得票数 0
我正在构建一个具有Backbone和RequireJS的应用程序，使用作为指南。因为Backbone是非AMD的，所以我使用RequireJS填充程序，正如我在上面提到的指南中所描述的那样。
我的主脚本如下所示：
require.config({
baseUrl: "js/",
paths: {
jquery: 'lib/jquery.min',
underscore: 'lib/underscore',
backbone: 'lib/backbone',
'backbone.loc
浏览 0提问于2013-03-29得票数 0
我正在尝试将一个应用程序从主干迁移到Marionette (v3)，但我已经陷入了两天的困境。
当我试图在浏览器中运行应用程序时，这个错误会出现在控制台中(屏幕为空白)：
Uncaught：backbone.radio.js:1中意外的令牌导入
backbone.radio.js中的第一行是用于下划线的导入语句。
import _ from 'underscore';
我使用Requirejs作为模块加载程序。这是main.js中的配置。
require.config({
paths: {
jquery: '../bower_components/jquer
浏览 2提问于2016-07-28得票数 5
回答已采纳
我目前有一个RequireJS应用程序，我们正在将其转换为Webpack。但是，应用程序的某些部分是动态加载的，这意味着它们当然不能是Webpack捆绑包的一部分。这很好，我们只需要使用RequireJS就可以了。
然而，那些动态加载的部分可以引用回静态应用程序的部分。当然，这会导致RequireJS加载原始的、预捆绑的代码并实例化它，导致代码重复和例如。事件消息总线不会在Webpack和RequireJS之间共享。
现在的问题是:有没有可能以某种方式将Webpack配置到捆绑包的一些已知部分，然后配置RequireJS从捆绑包中加载它们？
浏览 10提问于2018-02-07得票数 1
1回答
我过去开发过基于JavaScript的web应用程序，现在正在尝试理解RequireJS。几乎所有的web应用都有页面，这需要一些通用的JS和一些特定于页面的JS。我想使用RequireJS来组织整个web应用程序。所以我的问题是，我们能用RequireJS做同样的事情吗？如果是，JS的拆分到底是怎么做的？假设我有一个app.build.js，如下所示；
({
appDir: "../",
baseUrl: "js",
dir: "../../appdirectory-build",
paths: {
浏览 0提问于2013-06-05得票数 2
我在学习TypeScript和RequireJS。我想简单的模块要求，但模块类型的信息缺失。
在这种情况下，是否有明智的解决办法？
requirejs(['backbone'], (Backbone) => {
// In this function.
// Backbone is 'any'
});
requirejs(['backbone'], (BackboneRef: Backbone) => {
// error : Type reference cannot refer to container
浏览 1提问于2014-10-31得票数 0
回答已采纳
1回答
RequireJS和Mocha
、、、、
我有一个使用RequireJS的网络应用程序。这是我的js/main.js文件：
require.config({
baseUrl: 'js/',
paths: {
jquery: 'libs/jquery/jquery',
lodash: 'libs/lodash/lodash',
backbone: 'libs/backbone/backbone',
// [other dependencies...]
}
});
require([&#
浏览 0提问于2017-04-03得票数 0
回答已采纳
5回答
我目前正在开发一个新的web应用程序。
这是我第一次在AMD模块中使用requirejs。
据我所知，要习惯于全局命名空间中没有变量这种新范例并不那么容易。
在以前的web应用程序中，我总是在全局名称空间中有一个变量，我可以使用它在不同的模块之间共享几个资源。
现在，对于requirejs AMD模块，我使用了backbone.js和jquery (这两个版本- jquery 1.7.1和backbone.js 0.5.3-optand3)。
在我的应用程序中的某个地方，我从服务器(用户对象)获取了一个backbone.js模块。我想从不同的AMD模块访问此模块。我还希望有一个应用程序范围的事
浏览 0提问于2012-01-13得票数 13
回答已采纳
我正在考虑将一个requirejs项目迁移到webpack，但我遇到了一个问题。Requirejs shims允许我表达外部(非AMD)库之间的依赖关系，例如
require.config({
paths: {
jquery: '../bower_components/jquery/dist/jquery',
foundation: '../bower_components/foundation/js/foundation'
},
shim: {
"foundation":
浏览 3提问于2015-05-14得票数 2
1回答
我正在设计一个使用BackboneJS，RequireJS和Bootstrap的网络应用程序。当我缩小屏幕大小时，导航条正在折叠，但单击事件在切换按钮上不起作用。更早的时候，当我不使用RequireJS时，我也遇到了同样的问题。当时，我在Head标记中包含了Jquery和BootstrapJS，它对我起了作用。现在，我正在使用RequireJS，并面临着同样的问题。有人能帮我吗？我正在为下面的要求附加配置代码
require.config({
paths: {
jquery: '../lib/jquery',
underscore: &#
浏览 0提问于2014-10-14得票数 1
回答已采纳
1回答
我有一个nodejs应用程序，它具有带有backbonejs和requirejs的客户端代码构建。我想使用mocha在我的nodejs服务器上测试客户端代码。
我的摩卡测试文件: test /file。咖啡
requirejs = require 'requirejs'
global.define = requirejs
requirejs.config
nodeRequire: require
baseUrl: '../public/javascripts/libs/'
paths:
jquery: "jquery"
浏览 2提问于2012-06-28得票数 2
1回答
我正在将一个大型RequireJS应用程序迁移到Webpack。Webpack的基本构建似乎工作得很好--我已经将“path”定义移到了“别名”，并为我的内容和shims设置了加载器，比如jQuery。
然而，还有一个我不知道如何解决的问题。基本上，RequireJS应用程序使用“文本插件”来包含HTML模板，而Webpack则为HTML模板抛出了"Module“错误。
我想捆绑的AMD模块示例如下所示：
带有文本插件的AMD模块
define([
'security',
'modals',
'text!../templates
浏览 6提问于2018-11-30得票数 1
我使用RequireJS加载依赖项。我的配置如下所示：
'use strict';
require.config({
paths: {
jQuery: 'http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min',
underscore: 'http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min',
backbone: 'htt
浏览 1提问于2014-04-04得票数 3
回答已采纳
1回答
我对Backbone还是个新手，今天才开始尝试学习AMD。我从RequireJS的网站安装了RequireJS-jQuery库。这是我的script标签，里面有Laravel路径调用：
<script data-main="{{ path('js/main') }}"
src="{{ path('js/libs/requirejs/require-jquery.js') }}"></script>
我正在尝试确保一切都正确加载，所以我正在尝试console.log我的依赖项。Backbone可以很好地返回
浏览 1提问于2013-01-25得票数 2
回答已采纳
4回答
我正在建立一个使用requireJS的网站。
这是我第一次使用requireJS。
我使用main.js中的路径配置了requireJS：
require.config({
paths: {
'jquery': 'libs/jquery/1.7.2/jquery',
'underscore': 'libs/underscore/1.3.3-amdjs/underscore', // AMD support
'backbone': 'libs/backbone/0.9.2-amdj
浏览 1提问于2012-07-15得票数 4
回答已采纳
我的代码中有
require(...)
我们能不能让Webpack忽略它，不去碰它，这样我就可以使用我的Webpack捆绑包中的运行时RequireJS了？
原因是我希望在我的应用程序中有新的代码使用webpack编译，并允许它使用RequireJS来拉取我的旧代码，这些旧代码已经需要使用一堆难以移植到现代模块的hack调用。我只想用旧的方式导入它们，同时和Webpack一起写新的代码。
我们该怎么做呢？
浏览 1提问于2017-01-24得票数 0
我正在尝试将我以前的主干项目从RequireJS迁移到Webpack。也许只是不完全理解webpack是如何工作的，但这里是代码。 main.js： require(['application'], function(App) {
App.initialize()
}) application.js： define(['router'], function(Router) {
return {
initialize: function() {
Router.initialize()
}
}
}) 由于某些原因，当我运行我
浏览 22提问于2019-12-25得票数 0
我正在努力学习更多关于requireJS的知识。所以，如果我理解正确的话，下面的代码应该是合法的。这是使我的应用程序模块化的正确方法吗？
这是application.js，其中data-main属性指向：
requirejs.config({
baseUrl: 'scripts/vendor', // By default, load all from vendor folder
shim: {
'backbone' : { // Do not support module loading
deps: [&
浏览 1提问于2012-08-12得票数 1
回答已采纳
5回答
我正在使用TypeScript、Backbone和Mustache编写一个web应用程序。我想使用Requirejs来加载依赖项。
我还使用了用于TypeScript的Web Essentials visual studio插件，并打开了AMD编译选项。对于那些不熟悉这一点的人，如果你导入外部模块，它会将你的类型脚本文件包装在一个AMD模块中。例如：
在类型脚本中，我在类型定义文件中导入以下模块。
export import Backbone = module("Backbone");
import mainTemplate = module("MainTemplat
浏览 0提问于2012-12-17得票数 10
回答已采纳
1回答
我跟踪了main.js
requirejs.config({
paths: {
'backbone': 'backbone-min',
'underscore': 'underscore-min',
'loader': 'loader-min'
}
})
这个‘加载程序-min.js’文件只是来自loader.js的一个优化的js文件。
define(['backbone', 'underscore'],
浏览 2提问于2013-02-25得票数 3
回答已采纳
1回答
我试图在骨干项目中使用requirejs-hbs库。我在同一个文件夹中有Handlebars库和requirejs-hbs库。它们在我的config中被声明为相同。当我查看我的chrome选项卡中的源代码时，我只得到了require-hbs脚本，我没有得到handlebars脚本。下面是我的配置文件：
require.config({
hbs: {
templateExtension: '.hbs'
},
paths: {
backbone: "libs/backbone/backbone",
Handlebars: '
浏览 1提问于2013-11-06得票数 0
回答已采纳
我刚开始学习主干，我正在帮助维护一个拥有大量主干和RequireJS代码的应用程序，这样做如下：
define(
['backbone', 'underscore'],
function(Backbone, _) {
// some code here
}
);
我想在每一页中配置下划线.从最简单的意义上说，我可以这样做：
define(
['backbone', 'underscore'],
function(Backbone, _) {
// do so
浏览 1提问于2014-03-05得票数 2
回答已采纳
我正在开发一个应用程序，使用大量的JS库，主要使用Express js。所有的代码在Firefox和Chrome上都能正常工作。但是，在IE8和IE9中，我遇到了一些错误。
SCRIPT5022: fromText eval for hbs!notification/templates/dropDown failed: SyntaxError: Syntax error in regular expression
http://requirejs.org/docs/errors.html#fromtexteval
require.js, line 138 character 9
SCRIP
浏览 5提问于2014-01-08得票数 0
我的requirejs优化器出了点问题。在运行优化器之后，我在构建/编译文件中收到一些错误消息。当运行我的web应用程序没有优化步骤时，我没有任何错误。
这是我的client.js文件(包含配置) (coffeescript)
requirejs.config
baseUrl: '/source/'
paths:
text: 'lib/text'
io: 'lib/socket.io'
underscore: 'lib/
浏览 2提问于2013-03-13得票数 7
1回答
20%的情况下，脚本在使用RequireJS时无法加载。
除了JS库之外，应用程序使用的其他文件还需要base.js文件，该文件包含配置和一些下划线和主干设置。没有这些设置，其他文件就无法工作。
中的脚本标记如下：
<script data-main="http://*path*/js/common" src="http://*path*/js/lib/require.js"></script>
common.js文件是
requirejs.config({
shim: {
underscore: {
浏览 1提问于2014-02-20得票数 2
我的Gruntfile.js文件：
module.exports = function (grunt) {
grunt.initConfig({
pkg : grunt.file.readJSON('package.json'),
requirejs : {
compile: {
options: {
baseUrl: "public_html/js",
mainConfigFile: &
浏览 2提问于2013-07-26得票数 9
回答已采纳
3回答
要求任务停止Grunt而没有错误
、、、、
在我的grunt-contrib-requirejs任务停止我的咕噜进程时，我遇到了一个问题。它这样做完全没有错误。我需要帮助找出问题所在。
我的总体任务
grunt.registerTask('build', [
'clean:dist',
'jshint',
'handlebars',
'requirejs',
'concat:dist',
'uglify',
'compass',
'imag
浏览 12提问于2013-08-23得票数 0
回答已采纳
我有一个卓别林/Backbone项目，我正在从RequireJS切换到CommonJS (使用Browserify)。
当我试图在浏览器中加载应用程序时，我得到了Uncaught TypeError: Expecting a function in instanceof check, but got body。这似乎是因为Backbone.$未定义。
在需要我的应用程序和/或任何Chaplin文件之前，我已经完成了以下操作：
var jQuery = require('jquery'),
Backbone = require('backbone');
浏览 3提问于2014-01-20得票数 0
1回答
我目前正在构建一个大规模的web应用程序，它需要某种脚本依赖加载程序。我开始使用RequireJS，发现它在优化我的代码到一个大的JS文件中，并以正确的依赖顺序加载方面真的很棒。
然而，我有插件--这些插件在任何地方都不是必需的，因为我的web应用程序不知道文件夹中有什么插件。我想要的是grunt-contrib requirejs过程是：
1-获取我所有的核心文件，并根据它们的依赖关系将其加载到一个文件中。
2-然后我希望它在我的两组插件文件夹上运行，并根据它们的依赖关系按顺序加载它们。
3-然后将这些连接的文件放入第一个文件中，这样我就有了一个JS文件。
我有一个Less和Handleba
浏览 0提问于2013-10-17得票数 1
我有一个骨干应用程序，它使用RequireJS 2.1.8 (也就是说，我的所有主干视图都使用定义()来指定它们的依赖项)。一切都很好，现在我正在尝试使用r.js (通过NPM安装)将我所有的JavaScript连接/缩小到一个文件中。
如何设置r.js配置，它排除了以特定路径开头的依赖项？
我已经在下面包含了我的main.js文件。在本例中，我希望“构建”输出文件排除第三方库(即jquery、主干等)。此外，我希望排除以"webapp/“开头的任何依赖项(例如，"webapp/dynamic_cfg"，这会导致将请求发送给我的Djang应用程序，以便动态生成JavaS
浏览 4提问于2013-08-27得票数 16
回答已采纳
我有一个用RequireJS开发的Backbone/Marionette应用程序，我正在努力将它转换为Webpack。Webpack很好地打包了我的代码，但是当我试图加载打包的JS时，它遇到了一个错误，布局的DOM无法找到其中一个核心区域。错误消息是"An "el“#内容必须存在于DOM中”。
下面是我的源码的一个存根版本：
HTML：
<!DOCTYPE HTML>
<html lang="en">
<head>
<script type="text/javascript" sr
浏览 11提问于2016-07-31得票数 1
我一直在开发一个使用RequireJS进行模块化的骨干应用程序。我觉得我在这方面处理得很好，但是现在我们已经准备好部署了，我已经和r.js打了一整天的仗了，我真的被困住了。我已经成功地让应用程序构建，没有任何错误，但当我试图运行优化的构建，它忽略了几个文件，已经内置到我的输出文件。下面是我使用的(为简洁而编辑的) build.js文件：
({
appDir: "main-app",
baseUrl: "js",
mainConfigFile: "main-app/js/main.js",
dir: "bui
浏览 1提问于2014-02-20得票数 1
回答已采纳
2回答
我们正在用主干、RequireJS和把手构建一个非琐碎的web应用程序，我只是好奇。目前，我们的每一位模特都是这样的：
define(['Backbone', 'js/thing/a', 'js/thing/b', 'js/lib/bob'], function(a, b, bob) {
return Backbone.Router.extend({
// stuff here
});
});
事物/a、事物/b都有自己的依赖关系，例如在工具栏模板上等等。现在发生的情况是，在我的main.js中，所有的“顶级”路由
浏览 2提问于2012-06-06得票数 61
1回答
我的应用程序使用了约曼主干网生成器。我想用把手做模板。当我包含一个垫片时，它在grunt serve的开发中发挥了很大的作用。
// main.js
require.config({
shim: {
bootstrap: {
deps: ['jquery'],
exports: 'jquery'
},
handlebars: {
exports: 'Handlebars'
}
},
paths: {
jquery: '../bower_compone
浏览 2提问于2014-06-03得票数 1
回答已采纳
我在读一篇关于的文档。
我想知道是否有可能使用npm编写一个使用javascript/css/html的web客户端应用程序？
如果是，github上有什么例子吗？
例如，我的客户端web应用程序依赖于requirejs, jquery, underscore and backbone。
我是否可以使用npm在供应商目录中自动下载最新版本的requirejs, jquery, underscore and backbone？
如果没有，是否有其他工具/方法来实现此目标？
浏览 3提问于2012-09-18得票数 6
回答已采纳
1回答
我试图构建我的单一页面应用程序，使用Require.js，AMD风格的模块。
我已经配置了init.js文件中的所有依赖项、路径和shims，这些依赖项、路径和shims首先运行，然后调用main.js文件。
这是我的init.js文件：
(function() {
'use strict';
var me = this;
me.require.config({
deps: ['backbone.marionette', 'main'],
shim: {
jque
浏览 1提问于2013-08-11得票数 1
回答已采纳
由于我对RequireJS和Node.js的理解有限(加上一般的JavaScript )，我通常会查看一些著名的JavaScript库的来源。每次我看到这样的东西：
( // Wrapping
function (root, factory) {
if (typeof exports === 'object') { // Node.js
var underscore = require('underscore');
var backbone = require('backbone&
浏览 3提问于2013-02-08得票数 5
回答已采纳
我已经很好地实现了RequireJS，还有一个基于Grunt的构建过程，它通过r.js将JS应用程序优化为一个文件，它也工作得很好。我的所有应用程序文件都被连接到一个文件中，以实现高效的生产部署。
r.js优化还将我的所有模板都包含到主应用程序JS文件中，这对于应用程序启动时需要的模板也很棒。对于可能永远看不到的视图，或者可能在应用程序生命周期中很晚才能看到的视图，如果这些模板按需异步加载会更好。
所以我的问题是，有没有一种方法可以任意排除我的模板，使其不被包含到整体式应用程序JS文件中并由RequireJS异步加载，或者这是不受支持的？如果不支持，有什么方法可以在异步中加载模板？
我使用的是
浏览 2提问于2013-02-25得票数 4
回答已采纳
我有一个使用RequireJS的骨干应用程序。不知怎么的，我总是得到Error-message Uncaught ReferenceError: $ is not defined，所以我想我没有正确地加载库。
我的RequireJS配置如下：
require.config({
paths: {
// Core libraries.
jquery: 'lib/jquery/jquery',
backbone: 'lib/backbone/backbone',
// Templating.
handlebars:
浏览 1提问于2014-01-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
