2回答
模块加载器负责加载模块。
我所知道的是模块加载器在浏览器中异步加载模块，而在Node.js中则同步加载。
我想确认这个信息是否正确。
浏览 14提问于2015-08-04得票数 10
我将编程web应用程序，并使用express.js作为web框架。作为测试框架，我将使用mocha和chai。
Node.js支持模块化编程，我可以加载模块需要类似的要求(“摩卡”)。在前端，我使用require.js在模块中组织我的代码，但这可以在node.js中使用。在node.js中使用node.js更好，或者更好地使用node.js标准模块。
我知道，require.js支持AMD和测试代码与摩卡，它可以综合，因为代码将是异步加载。
模块加载需要Node.js还是require.js？
浏览 4提问于2013-09-18得票数 1
回答已采纳
2回答
如何使用JavaScript的ES6模块加载和运行现有库？
例如，假设我需要加载一个现有的多边形填充：
import {poly} from "thirdParty/poly";
如何在不更改源的情况下运行导入的poly脚本并将其属性加载到当前的命名空间中？
这里有两个实际问题来帮助澄清我正试图解决的问题：
我有一个名为rafPolyfill.js的脚本，它是一个用于window.requestAnimationFrame的多填充。我需要将它导入全局范围，并在加载时立即运行它。使用<script>标记很容易做到这一点：
它运行并加载到全局范围。如何使用
浏览 3提问于2014-03-09得票数 9
回答已采纳
在TypeScript中，如果我的目标是浏览器，模块加载是如何工作的？我可以使用require.js加载模块吗？它有自己的加载器吗？
浏览 2提问于2012-10-02得票数 16
回答已采纳
1回答
使用符号链接时，ES6会多次导入
、、、、
我在Linux上使用ECMAScript6。 这是我的文件系统(A、B和C是目录)。 A -> a.js
-> C -> c.js
B -> b.js
-> symbolic link (called C) to C 在a.js和b.js中有import class_C from './C/c.js'。 我可以在浏览器的开发人员窗口中看到c.js被加载了两次。 出于性能原因，我只想加载一次c.js。 我该怎么做(保留我的符号链接)？
浏览 12提问于2021-02-07得票数 0
我正在为我的应用程序寻找一个好的backbone.js + require.js样板，因为这将给我一个好的想法，如何模块化我的代码，让我开始。我使用的是backbone.js-AMD-Boilerplate ( )，但我不确定是否还有比这个更好的样板文件。我不想让自己沉迷于任何其他加载器或框架中，以使我的项目变得简单。我还处于起步阶段，所以我只关注backbone.js和require.js (用于加载html模板的text.js )。我需要你对这个家伙有什么看法
浏览 0提问于2012-12-26得票数 2
回答已采纳
1回答
我使用RequireJS来声明我在项目中需要的依赖项。我已经配置了RequireJS，以便加载jQuery。但是，由于某些原因，浏览器会产生未定义jQuery的错误(Bootstrap.js需要jQuery)。
<script type="text/javascript" src="./modules/requirejs/require.js" data-main="./js/main.js"></script>
<script src="js/bootstrap.js"></script
浏览 12提问于2016-01-04得票数 4
回答已采纳
1回答
我有前排和后端。从后端我得到预录制的html (Symfony表单)，它包括带有源标记的脚本。原产地是本地的:8001。
<html>
<head>
...
</head>
<body>
...
<div class="container">
{% block javascripts %}
<script type="module" src="http://loc
浏览 1提问于2022-01-11得票数 0
回答已采纳
我能找到的大多数动态模块都不是真正的动态模块，实际上是惰性加载程序，因为它们大多需要您在配置文件和寄存器中注册您想要加载的内容。
我正在寻找一个加载器js的方式使用约定，只是自动加载文件夹下的任何东西为我的一页应用程序。
类似于：
app
public
loader.js <-- no need to register anything manually
modules
module1
controllers
controller1.js
浏览 3提问于2014-10-09得票数 2
1回答
我无法理解库有一条路径，例如: lib/NumberInput.js
此文件具有以下代码：
'use strict';
var babelHelpers = require('./util/babelHelpers.js');
var React = require('react'),
CustomPropTypes = require('./util/propTypes'),
localizers = require('./util/configuration').locale;
var f
浏览 3提问于2015-09-08得票数 1
我有一个前端SPA使用RequireJS (2.1.14)作为模块系统.它基本上引导和加载Backbone.Marionette应用程序。
在main.js中
require.config ({
baseUrl: '/js',
waitSeconds: 200,
nodeRequire: require,
paths: {
jquery: '//cdn/jquery.min',
underscore:'//cdn/underscore-min',
// more plugins
},
浏览 4提问于2015-09-27得票数 9
我正在尝试根据条件加载我的自定义模块。
CustomModule.js
define([], function(){
export {
run: function(){ log.debug('run in CustomModule' }
};
}
下面是我的用户事件脚本
userevent.js
define(['N/record'], function(record){
...
var moduleName = record.getValue('custom_module_name'); // will return
浏览 0提问于2020-05-10得票数 0
2回答
按需请求()
、、
假设我在./libname中创建了一个库，其中包含一个主文件：main.js和多个可选的库文件，这些文件偶尔与主对象一起使用：a.js和b.js。
我用以下代码创建了index.js文件：
exports.MainClass = require('main.js').MainClass; // shortcut
exports.a = require('a');
exports.b = require('b');
现在我可以像下面这样使用这个库：
var lib = require('./libname');
lib.MainCl
浏览 0提问于2012-08-27得票数 2
回答已采纳
1回答
我正面临一个Angular应用程序的问题。
我想有一个用Typscript编写的角度应用程序与(aot)构建。
其目的是显示一个带有一些小部件的用户仪表板。小部件是一个角度组件。
我的应用程序附带了一些嵌入式小工具。但是小部件应该通过类似于市场的东西来扩展；或者手动创建。
市场应该下载文件(js/ts/bunlde..？)放到特定的文件夹中。
然后，我的应用程序应该能够加载新的小部件(= ng组件)并实例化它们。
我的文件夹结构(生产)
|- index.html
|- main.f5b448e73f5a1f3f796e.bundle.js
|- main.f5b448e73f5a
浏览 2提问于2017-08-04得票数 12
回答已采纳
6回答
编辑:这只发生在IE上(在IE10上测试)
我有一个应用程序，最初加载很好，但是当刷新时它会产生以下错误：
SCRIPT5022:没有模块: myAppModule
myAppModule是在app.js中定义的角模块，在加载angular.js后加载。
angular.module('myAppModule', []);
并且是自动引导的：
<html ng-app="myAppModule">
脚本按以下方式加载(没有AMD加载程序)：
<script>window.jQuery ||
document.write(&
浏览 3提问于2012-10-20得票数 15
回答已采纳
假设我有一个模块：
// module.js
export default function greet() { console.info( 'hello' ); }
如果模块通过以下方式加载：
<script type=module>
import greet from './module.js';
...
</script>
然后，我希望调用代码能够单独调用greet()，而不自动调用它(通常的场景)。
但是，如果模块是通过以下方式加载的：
<script type=module src="./module.js"
浏览 1提问于2020-05-14得票数 3
回答已采纳
我发现，一旦你使用像r.js这样的东西将所有模块捆绑到一个大文件中，我就很难理解AMD架构的异步方面存在于何处。
与简单地允许require.js在不阻塞DOM的情况下按需加载离散的js相比，使用r.js有什么好处(除了最小化)？当然，只加载应用程序当前需要的内容(普通的require.js)肯定比加载应用程序可能需要的所有内容(编译的r.js)更快。
浏览 0提问于2013-04-13得票数 3
1回答
理解ES6模块
、、
有人能确认我对ES模块的理解吗？
在javascripts/bar.js中
var foo = 2;
export function Bar() {}
在index.html中
<script>
import { Bar } from 'javascripts/bar';
var b = new Bar(); // Instantiates an instance of Bar.
</script>
在幕后，ES6引擎将在评估bar.js时加载import { Bar } from 'javascripts/bar';，
浏览 1提问于2014-12-15得票数 3
1回答
我有两个Javascript文件从同一个域加载。每个JS执行不同的功能，为此，我使用了requirejs模块加载器。
我的问题是，我在js和baseUrl两种配置下都使用了baseUrl调用。
JS1
require.config({
baseUrl : server + "js/", // server is 192.168.1.10:3000/
paths :
{
jquery : "jquery",
浏览 1提问于2013-12-30得票数 3
回答已采纳
1回答
Webpack角码分裂
、、、
我现在有一个这样的项目：
由于角材料是我的项目的一个大下载，一个白色的屏幕保持加载大约45s。我试图做一些代码分裂，以使我的应用程序加载更快，但我得到了错误。代码分裂似乎对我不起作用。
core/app.module.js
'use strict';
require.ensure([], function (require) {
require('angular/angular.min');
require('angular-aria/angular-aria.min');
require('angular-
浏览 3提问于2016-06-07得票数 1
回答已采纳
我想试试这个。
我创建了一个简单的文件来加载库：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0
浏览 7提问于2022-04-17得票数 -1
回答已采纳
我对角质很陌生。我想了解更多关于懒惰装载的知识。根据定义，延迟加载模块可以帮助我们缩短启动时间。所以我的问题是，假设我的应用程序有50个组件。在使用产品构建它之后，它将生成900 KB的vendor.js。如果我延迟加载其中的10个组件，就会生成块文件'1.chunk.js‘，其大小为100 kb。
那么，在这个场景中，我的vendor.js包大小会从900 KB减少到800 KB吗？如果不是，延迟加载模块如何帮助我们缩短启动时间？
浏览 2提问于2018-11-29得票数 5
回答已采纳
我想加载不同的gwt模块withIn主目录的基础上点击各自的menuItem。我想使用JQuery。在下面的代码中，如果我们单击fooGwt module，我希望加载loadFooModule，类似地，如果我单击loadJqueryModule链接，则应该加载JQuery gwt module。
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
浏览 0提问于2013-05-31得票数 1
回答已采纳
1回答
我刚刚开始研究Javascript必须提供的所有花哨的东西，主要是Webkit。我有一个相当大的应用程序，它使用了显示模块模式。这些模块调用其他模块的公共函数进行计算并返回结果。
在我开始考虑在我的html页面中包含几十个脚本之前，使用这种模式是很好的。所以我们到了..。
为了问题的目的，我提出了一个简单得多的申请，以说明我出了什么问题。
我在它们自己的文件中包含了两个javascript模块：
// one.js
require("babel-loader?two!./two.js");
var one = (function(){
two.sayHello();
浏览 3提问于2017-09-12得票数 1
回答已采纳
例如，rest.js的配置：
var config = {
map: {
'app': 'app',
'rest': 'node_modules/rest.js'
},
packages: {
'app': { main: 'main.js', defaultExtension: 'js' },
'rest': { main: 'index.js', defaultExtension: 'js
浏览 0提问于2016-06-07得票数 0
回答已采纳
考虑以下两个文件： /* file A.js */
class A extends B {
}
/* file B.js */
class B {
} 如果我意外地以相反的顺序将这两个文件加载到浏览器中(首先是A.js，然后是B.js)，javascript将抛出一个错误，即我正在尝试访问未定义的B。 我的问题是，我必须处理在Javascript中定义的大约30-40个类，现在，为了让所有的类都能工作，我必须记住我想要在页面中包含它们的顺序，否则，javascript将抛出一个错误，我正在使用未定义的东西。 我如何才能解决这个问题，这样我就不必时刻记住这些类被加载到网页中的顺序了？
浏览 44提问于2020-01-26得票数 1
回答已采纳
3回答
不幸的是，我对JavaScript模块加载器的了解还在增长，我正在努力理解它们与新ES6 Modules的关系。据我所知，使用像CommonJS或RequireJS这样的模块加载器，使用符合ES5的JavaScript，确实需要使用异步模块加载器来提高性能，并且只在需要时使用各自模块加载器的语法来加载。
但是，查看ES6 并阅读其他信息，在我看来，本机通过import和export关键字支持模块加载。如果是这样的话，我是正确的，ES6 JS modules本机支持异步模块加载，因此我不需要使用像CommonJS或RequireJS这样的额外工具
浏览 6提问于2016-10-28得票数 11
回答已采纳
我试图使用加载浏览器模块，我遇到了一个有趣的问题。
我有3个模块名为a、b和c，它们具有以下简单的源代码：
a.js
define(['./b', './c'], function(c, b) {
console.log('A IS LOADED!');
return 'A';
});
b.js
define(function() {
console.log('B IS LOADED!');
return 'B';
});
c.js
define(function() {
consol
浏览 1提问于2011-01-26得票数 7
为了让jQuery与require.js挂钩，必须在require.js之后加载jQuery。这很好，但是一旦我包括了一个名为jQuery的BlockUI插件，它可以做一些奇怪的，我就会得到一个不匹配的错误。我知道BlockUI是造成这种情况的原因，因为不匹配错误会释放出整个源，如果删除BlockUI，一切都会正常工作。是否使用require.js并不重要；仅仅包含库就足够了。
看看这个小玩意：
切换到左侧的Resources选项卡，以验证所有脚本的加载顺序是否正确。一切都好吗？很好现在打开控制台。POW！到处都是血！
我不确定这是Require.js还是BlockUI缺陷(我打赌BlockU
浏览 2提问于2013-02-18得票数 0
回答已采纳
问题1
为什么我需要在网页中异步加载我的JavaScript文件？我可以在服务器端看到它的基本原理，但是如果我知道我需要在客户机中加载的所有文件，为什么我不应该将我的所有源文件连接到一个文件中并在加载页面时加载这个文件呢？第一个初始页面加载是否如此重要，以至于以后的操作可能会因为检索每个JS文件的延迟而减慢？
问题2
假设问题1的答案是我需要分别加载JS文件：
AMD异步加载每个JS文件，CommonJS同步加载。CJS是服务器端加载所必需的(如果我没有弄错的话，这就是Node.js的工作方式)。AMD似乎更适合客户。因此，在客户机中使用CJS的唯一原因是与服务器共享代码。
有没有办法使AMD
浏览 0提问于2012-10-02得票数 9
我试图模块化我的代码和移动控制器在一个单独的文件，使用相同的模块。但是，它没有加载，我确保加载顺序是正确的。
// app.js
angular.module("app", []);
// LoginCtrl.js
angular.module("app", []).controller("LoginCtrl", function()
{
//doSomeThing
});
如果我在第一个文件中使用var app = angular.module，并且在其他文件中使用相同的变量，它就能工作。
// app.js
var app = ang
浏览 5提问于2017-01-17得票数 0
回答已采纳
1回答
我正在尝试用类型记录编写我的前端代码，并希望导出代码，我的浏览器可以在<script src="..."></script>中加载这些代码。
我这样做的方式是褐化和调味。我的问题是，我的代码不能在全局命名空间中访问。当然，在<script>标记中加载脚本会执行它，但是如果我打算像加载一个函数库一样加载它，可以在内联<script>或类似的函数库中使用它呢？
更新
一个例子就是
index.ts
function foo(): void {
console.log("bar");
}
使用以下conf进行编译
浏览 5提问于2016-04-21得票数 7
我计划编写一些应该用YUI3加载的JavaScript模块。我应该如何组织我的文件和文件夹？有推荐的文件夹结构吗？如果我存储我的文件类似于“核心”或“画廊”，应该有一个容易的加载-或不？
我必须列出"YUI().use ...“中的每个模块吗？如果我用下面的方式存储我的脚本，给我打电话？
de-mylib-www/mymodules/mod1/mod1-base.js
de-mylib-www/mymodules/mod2/mod2-base.js
de-mylib-www/mymodules/mod3/mod3-base.js
de-mylib-www/mymodules/mod3/
浏览 1提问于2011-03-18得票数 2
1回答
预加载cdn缓存文件
、、、、
我有一个缓存在某些cdn中的文件。
在我的本地环境中，您可以将浏览器中的标记读取为
<script src="/js/cool.js"></script>
但一旦投入生产，它就像：
<script src="/js/cool.js.pagespeed.ce.l2D9mD1nmX.js"></script>
.pagespeed.ce.l2D9mD1nmX.js意味着它正在被缓存
现在，我想知道是否应该预加载已经在cdn中缓存的文件？
因为我在做
<link rel="preload" type
浏览 5提问于2019-09-19得票数 2
1回答
我试图使用Intern对我的一个模块tested.js进行单元测试，它依赖于另一个模块dependency.js。由于我使用的是Browserify，所以tested.js包括以下行：
var dep = require('./lib/dependency.js');
实习生抛出以下错误：
Warning: Error: Attempt to require unloaded module lib/dependency.js
这是我的测试文件的开始：
define([
'intern!object',
'intern/chai!ass
浏览 1提问于2014-02-18得票数 3
回答已采纳
这是特定于浏览器中的JS的传统多页站点(即不是一个单一页面的应用程序)。
对于单页应用程序，好处是很明显的:主视图页将使用很长时间，它将加载任意数量的子视图，这些子视图可能都有不同的JS依赖项。预先加载所有JS并不是非常理想的，因此，拥有显式的结构化依赖声明和使用异步脚本加载程序似乎是可行的。
然而，对于更传统的多页设计，即每个页面都是一个完整的、单独的HTML页面，我没有看到它的好处。在此设计中，所有JS依赖项在页面加载时都是已知的。因此，理想情况下，您只需将所有这些放在服务器端的单个脚本中，并将其下载到一个单独的模块中，其中包含不同的请求，这将不利于性能。
所以，当你保证所有需要的JS模块
浏览 0提问于2014-11-23得票数 0
回答已采纳
1回答
当单击按钮时，我希望在ajax中动态地包含一个js文件。基本上，我想做的是，当我点击一个按钮时，我想加载一个地图。为此，我使用了两个文件：
<script type="text/javascript" src="http://maps.google.com/maps?..."></script>
<script type="text/javascript" src="jquery.gmap-1.1.0-min.js"></script>
现在，我想要的是，当用户单击一个按钮时，这两个
浏览 0提问于2012-04-21得票数 0
加载app.js定义块中定义的依赖项。
我想做的是：
如果我要加载仪表板控制器，它需要图表相关的依赖性，而任何其他控制器都不需要这种依赖。
问题:当应用程序加载时，所有的依赖项都会被加载，这是我不想要的。
注意:加载依赖意味着加载js文件。
main.js
require.config({
baseUrl: "http://localhost/ums/angular/js",
paths: {
'angular': 'lib/angular.min',
'ngRoute': 'li
浏览 1提问于2015-07-15得票数 1
回答已采纳
我是Angular2的新手。我在跟踪Tutorial Angular2 by Example。这是第一个简单的教程，叫做猜测数字。
我使用的代码与github提供的示例中描述的完全相同。
它在浏览器中加载良好。这是与IntelliJ设置，我有问题。
IntelliJ正在返回以下错误。从截图中可以看到。找不到模块@角/核心
我的属性文件如下
systemjs.config.js
System.config({
map : {
'app': 'app',
'rxjs': 'https://unpkg.com/rxjs
浏览 2提问于2017-04-14得票数 0
回答已采纳
我们刚刚开始在我们的基于dojo的项目的实习生中运行一些单元测试。
当实习生试图加载被测模块的依赖关系时，我们会得到以下错误：
/<path/to/dev/folder>/app/node_modules/intern/node_modules/dojo/dojo.js:406
match = mid.match(/^(.+?)\!(.*)$/);
^
TypeError: Cannot read property 'match' of null at getModule
浏览 3提问于2015-05-29得票数 0
我希望包括几个JS文件(一些库，另一些是自定义模块，依赖于库)。最初，我通过我们的.info文件添加了所有JS文件，虽然我可以手动控制文件的顺序--我上下移动它们，但这将导致在每个页面上加载所有JS文件。
通过template.php在template_preprocess_html函数中添加JS文件是一个更好的主意吗？对于每个JS文件，我可以附加一个组属性( JS_Library、JS_DEFAULT或JS_THEME的常量之一)来控制排序，还可以控制哪些页面需要加载哪些文件。
有什么想法？
浏览 0提问于2013-09-24得票数 2
我知道，当使用像webpack这样的模块加载程序时，得到的输出将是一个JavaScript文件，比如bundle.js。现在，在index.html中，我只需要引用以下内容：
<script src="bundle.js"></script>
我的问题是，如果我有一个.js文件，动态模块加载是如何发生的？在我的理解中，也许我离这里很远，但难道不是整个模块加载器的想法就是在需要模块.js文件之前不服务器它吗？因此，不必从应用程序和index.html开始加载所有文件。好吧，如果我已经从index.html中提供了这个单一的index.html文件，那么该文
浏览 1提问于2016-11-24得票数 1
回答已采纳
我已经开始在一个虚拟项目中使用require。现在我想使用r.js脚本来构建我的项目以供生产。
其背景是：
名为start.js的主文件是：
需要( /*一些东西*/，函数(){ /*应用逻辑*/ })；
它有一个if，它根据某些条件决定了我应该要求什么。
所需文件为ModuleA或ModuleB。
ModuleA和ModuleB都有依赖关系。
定义(/*some deps */，函数(dep1，dep2.){ /*应用逻辑*/返回{ /*接口*/}
在开发模式下，在优化和模块连接之前，一切都很好。
当使用r.js构建时，我指定为模块的目标如下:模块：{ name："
浏览 2提问于2012-08-07得票数 7
回答已采纳
我有一个内容类型，它涉及到每个节点的一些js魔术。如何将其编码为template.php，以便仅在内容类型的显示中加载？我不想让js在每一页上加载无用的内容。我的php技能非常肤浅。
浏览 0提问于2011-10-24得票数 0
回答已采纳
这是我的设计：
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="../node_modules/systemjs/dist/system.js"></script>
<script src="../node_modules/lodash/index.js"></script>
</
浏览 7提问于2015-12-04得票数 2
1回答
我正在尝试使用Node运行一个Javascript文件，以便将博客更新发布到Tumblr。
到目前为止，在我的main.js文件中，我有以下内容：
// Tumblr Information
var tumblr = require('./vendor/tumblr');
tumblr.request(require('request'));
var Blog;
var jq = require('./vendor/jquery-1.11.1.min');
var reqq = require('./vendor/require'
浏览 1提问于2015-02-11得票数 14
回答已采纳
假设我有两个文件helpers.js index.js
加载helpers.js将创建全局变量。我不想那样
我想要一个看起来像file.js的
(function () {
helpers.js code
index.js code
})();
这有可能吗？
我可以用.NET核心捆绑和缩小吗？
浏览 2提问于2020-01-17得票数 0
2回答
我有一个相当大的angularjs应用程序，我将最终迁移到角2。
我想采取我现在所能采取的一切步骤，使未来的移民更加容易。
我将我的控制器和服务转换成类型记录，并在面向组件的文件夹结构中组织我的文件。
我真正想要做的是使用es6风格的模块加载。
我知道system.js现在可以提供加载功能，我可以在类型为1.5中使用es6导入语法。
我的问题是，我该怎么把这两者结合起来？我是否应该从类型记录输出es6模块，并使用system.js模块加载生成的代码？还是需要采取其他措施？
浏览 2提问于2015-04-26得票数 2
回答已采纳
1回答
条件加载Angular2
、、、
我需要重定向到登录页面，然后加载Angular2应用程序(不加载它)。我的项目是基于angular2-quicksart
当我在加载angular2 js文件后加载
<script>
var cookie = $.cookie(COOKIE_NAME);
if (cookie == undefined){
window.location.href = LOGIN_SERVER_URL
} else {
var head = document.getElementsByTagName('head')[0];
浏览 4提问于2016-11-25得票数 0
我们使用了一些需要配置的模块，即accounting.js。我们希望集中这些库的配置，并在将配置的库导入到某个地方时自动加载它。
因此，当脚本通过import accounting from 'accounting';导入记帐时，我们不希望webpack直接加载库，而是加载已配置的包装器。
配置包装器脚本如下所示
import accounting from 'accounting';
accounting.settings = {
currency: {
symbol : "€", // default curre
浏览 1提问于2018-03-08得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
