问题标签 [es6-module-loader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2914 浏览

javascript - 为 Aurelia 应用程序在 es2016 中导入 numeric.js 的所有语言

我想使用aurelia.io 文档中的 CurrencyValueConverter ,但将结果本地化为荷兰语德语,但我不知道如何使所有语言都可用于数字。

我可以导入 Ducth 语言环境并显式加载它,如下所示:

但当然,这只适用于一种语言。如何在避免类似的情况下加载多种语言

0 投票
1 回答
234 浏览

javascript - 我如何在 typescript 中使用 firefox require 函数

我正在打字稿中编写 firefox 插件(并且我使用 webpack 来构建项目),我对这个问题感到困惑。Firefox中有require功能,我像这样使用它:

let { Cu, Cc, Ci } = require('chrome');

但是打字稿(更准确地说是 tslint)将其视为导入/导出语句并需要更改表达式。我已经宣布要求:

declare function require(moduleId:string) : any;

但它没有给出任何结果。我也更改no-var-requires了 tslint.json 中的选项,但没有引起任何注意。

所以问题是 - 是否可以require在 typescript 代码中使用 firefox 函数,以及如何通过 typescript、tslint 和 webpack 拖动这个函数(它也有他的目标require)?

提示 - 这是关于背景脚本,而不是内容或弹出窗口。

0 投票
1 回答
1235 浏览

babeljs - 从子模块上的语法导出 E​​S6

我有以下结构

Messages/index.js 将三个消息导出为:

并且 components/index.js 执行以下操作:

有没有办法让我在没有导入的情况下做到这一点?

我正在使用带有 es2015 预设的 webpack 和 Babel

0 投票
1 回答
177 浏览

ecmascript-6 - 带有“支持进度条”的 ES6 模块加载器

我有自己的内部 WEB 应用程序模块系统 - 主要概念是应用程序是动态的,即可以在运行时添加/删除模块。由于这个原因,我不能使用捆绑,并且单独加载单独的模块。请求一个模块可能会导致加载 100 个其他模块作为依赖项 - 当前使用自己的加载器的实现会异步执行此操作并呈现漂亮的进度条,以便连接速度较慢的用户知道他们需要等待多长时间。

目前,我正在评估为模块切换到 ES6 语法以及切换到 github 上现有的一些 ES6 兼容模块加载器的替代方案。

所以问题是 -是否有与 ES6 兼容的模块加载器,其 API 提供如下事件

  • 我开始加载资源
  • 我已经加载了 N of M 个资源
  • 我已经加载了所有请求的资源

这必须至少在以下浏览器中运行:Chrome(最新)、Firefox(最新)、IE11。

0 投票
0 回答
439 浏览

javascript - 无法使用 Babel 导出减速器

这很可能是一些错字,但我在过去的一个小时里一直在尝试修复它,但一无所获。

我有一个名为app/reducers/index.js

app/reducers/viewportSize.js很简单:

app/app.js我做:

Babel 给了我这个错误

我有其他项目importexport但这个项目不想工作。

这是我的.babelrc文件:

更新

这些是我的依赖

更新

这是我的 webpack 配置文件

0 投票
2 回答
406 浏览

typescript - SystemJS 模块注入

寻找使用 SystemJS 和 Type 脚本实现以下场景的最佳实践 -

  1. AbstractLogger.d.ts - 应该用一些类声明(导出)模块。
  2. ConsoleLogger.ts - 应该“实现” AbstractLogger。
  3. Consumer.ts - 应该引用 AbstractLogger 类,并使用它。

一切都可以编译,但是我应该在哪里注入 ConsoleLogger 作为当前的 AbstractLogger 实现?在服务器端代码中,使用简单的 DI 很容易实现,这里应该怎么做?

尝试使用 System.config (map: ...) 但没有成功。这是正确的模式,还是我在这里遗漏了什么?

谢谢!

0 投票
1 回答
2524 浏览

javascript - Jasmine:如何在 ES6 上监视导入的函数/构造函数?

我想知道如果我将 ES6 导入/导出与 babel 一起使用,如何在 Jasmine 上监视/存根函数?

第一个问题是我无法重写只读模块

模块构建失败:SyntaxError: /Users/oleg/projects/rp/popup/lib/spec/popup.spec.js: "MobileDetect" is read-only

我尝试了这种方法,但它也不起作用...... MobileDetect.prototype.constructor 被窥探,但 MobileDetect 直接没有。

你怎么看这个问题?

0 投票
1 回答
192 浏览

ecmascript-6 - 如何使用 webpack + babel 导入全局变量

我有一个使用 Webpack 和 Babel 构建的应用程序,我正在尝试导入不执行导出的 3rd 方库,此外,3rd 方库直接附加在窗口对象上。

为了能够导入 The3rdPartyLib,我需要在我的应用程序中做什么?

我已经尝试按照webpack 文档的加载器语法,但它不起作用:

0 投票
1 回答
961 浏览

javascript - 通过 CoffeeScript 和 Browserify 使用 ES6 导入

CoffeeScript 还不支持 ES6 import。(见https://github.com/jashkenas/coffeescript/issues/3162

我尝试使用链接中解释的以下语法:

但是 Browserify 抛出以下错误:

所以,我目前坚持旧的传统方式:

哪个工作正常,但如果我需要它,我会强制我在每个文件中使用reduxActions.createAction或手动定义。createAction = reduxActions.createAction我正在寻找一种更好的方法来做到这一点,如果有的话。

0 投票
1 回答
66 浏览

javascript - 通过 import 语句加载 ECMA-Script 2015(及更高版本)模块实际上是如何在幕后工作的?

由于大多数情况下我们使用模块和import语句使用Babel等工具对它们进行转换,因此我对原生 Web 浏览器的实现如何使用所谓的import语句加载外部文件很感兴趣。

模块会在后台使用XmlHttpRequest/加载XmlHttpRequest2吗?

AFAIK,整个标准将编程 API 定义为System全局变量,其中有一些方法System.define可以评估 JavaScript 源代码并将其注册为命名模块。

这是否意味着实际的模块系统实现不会涵盖外部文件模块加载(意味着库/框架或您自己的 vanilla JavaScript 代码应该使用 ? 获取源代码XmlHttpRequest?)