是否可以从 ES6 中的外部 url 导入 javascript module?
我试过(使用 babel-node):
import mymodule from 'http://...mysite.../myscript.js';
// Error: Cannot find module 'http://...mysite.../myscript.js'
是否可以从 ES6 中的外部 url 导入 javascript module?
我试过(使用 babel-node):
import mymodule from 'http://...mysite.../myscript.js';
// Error: Cannot find module 'http://...mysite.../myscript.js'
2018 年更新:module加载器规范现在是 ES 规范的一部分——你所描述的内容<script type="module">
在浏览器中是允许和可能的,并且可以--loader
使用 Node.js 以及 Deno(如果你喜欢的话)。
module加载器规范和导入/导出语法是分开的。所以这是module加载器的一个属性(不是 ES 规范的一部分)。如果您使用支持SystemJS 等插件的module加载器。
您还可以使用scriptjs,在我的情况下,它需要较少的配置。
var scriptjs = require('scriptjs');
scriptjs('https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.standalone.js', function() {
L.mapbox.accessToken = 'MyToken';
});
目前,没有。
有两种不同的规范:ES6 定义了导出/导入的语法。还有Loader Spec实际上定义了这个module将如何加载。
撇开规范不谈,对我们开发人员来说,重要的部分是:
JavaScript 加载器允许主机环境(如 Node.js 和浏览器)按需获取和加载module。它提供了一个可挂钩的管道,以允许 Browserify、WebPack 和 jspm 等前端打包解决方案挂钩到加载过程中。
这种划分提供了开发人员可以在所有 JavaScript 环境中使用的单一格式,并为每个环境提供了单独的加载机制。例如,节点加载器会使用自己的module查找算法从文件系统加载其module,而浏览器加载器会获取module并使用浏览器提供的打包格式。
(...)
主要目标是使 Node 和浏览器环境之间的此过程尽可能多地保持一致。例如,如果一个 JavaScript 程序想要动态地将
.coffee
文件翻译成 JavaScript,Loader 定义了一个可以使用的“翻译”钩子。这允许程序参与加载过程,即使某些细节(特别是从其主机定义的存储中获取特定module的过程)在环境之间会有所不同。
所以我们依赖宿主环境(节点、浏览器、babel 等)来为我们解析/加载module并为进程提供钩子。
该规范描述了如何准确module符中import
得到解决:
https://html.spec.whatwg.org/multipage/webappapis.html#resolve-a-module-specifier
它说的网址被允许,绝对和相对的人(从/
,./
,../
),它并没有静态和动态的进口区分。进一步在文本中,有一个“示例”框显示有效说明符的示例:
https://example.com/apples.mjs
http:example.com\pears.js (becomes http://example.com/pears.js as step 1 parses with no base URL)
//example.com/bananas
./strawberries.mjs.cgi
../lychees
/limes.jsx
data:text/javascript,export default 'grapes';
blob:https://whatwg.org/d0360e2f-caee-469f-9a2f-87d5b0456f6f