问题标签 [es6-module-loader]

我对 TS 再出口有点迷失了。假设我创建了一对测试模块；

测试1.ts;

test2.ts;

我相信我应该能够做这样的事情；

结合.ts;

但是，没有这样的运气。似乎有很多 GitHub 问题讨论了解决此问题的各种方法，包括使用旧的 hack，export import * from './test1'但他们似乎都在争论 ES6 规范的真正含义，但没有一个真正起作用。

做这样的汇总的正确方法是什么？我是不是走错了路来跨文件拆分模块？命名空间在这里更合适吗？

是否可以在 ES6 中从外部 url 导入 javascript 模块？

我试过（使用 babel-node）：

I am having a hard time trying to get the lodash modules imported. I've setup my project using npm+gulp, and keep hitting the same wall. I've tried the regular lodash, but also lodash-es.

The lodash npm package: (has an index.js file in the package root folder)

Results in:

The lodash-es npm package: (has a default export in lodash.js i the package root folder)

Results in:

Both the gulp task and webstorm report the same issue.

Funny fact, this returns no error:

... but of course there is no "_" ...

My tsconfig.json file:

My gulpfile.js:

If I understood correctly, moduleResolution:'node' in my tsconfig should point the import statements to the node_modules folder, where lodash and lodash-es are installed. I've also tried lots of different ways to import: absolute paths, relative paths, but nothing seems to work. Any ideas?

If necessary I can provide a small zip file to illustrate the problem.

我正在用 jwpalyer 制作 VideoPlayer 反应组件，我正在使用 webpack es6 加载模块 webpack 支持 npm 模块加载 & jwplayer 没有 npm

所以我尝试使用 es6 import 包含 jwplayer.js 但它给了我错误 ReferenceError: window is not defined

所以任何人都可以帮助我用 webpack 正确设置 jwplayer

我在 Webstorm 中遇到“意外令牌导出”问题，其他 StackOverflow 帖子尚未解决。本质上，我正在尝试将导入/导出模块功能与下面的 package.json 和 bar.js 代码一起使用。我正在使用 Node.js 5x、Babel 6，并且我有一个 File Watcher 设置来动态执行 Babel 转换。

代码应该不言自明，我很欣赏有关如何解决它的任何想法。同样，我在这一点上尝试了其他 StackOverflow 建议，但没有成功。

进程以退出代码 1 结束

我使用 webpack 路径别名来加载 ES6 模块。

例如，如果我定义一个别名utils而不是类似的东西
import Foo from "../../../utils/foo"，我可以做
import Foo from "utils/foo"

问题是，一旦我开始使用别名，WebStorm 就会失去对导入的跟踪，留下警告并且没有自动完成功能。

有没有办法指示 WebStorm 使用这样的别名？

我遇到了这种区别，在ExploringJS中没有很好地解释

合格和不合格的进口以相同的方式工作（它们都是间接的）

有什么区别，因此这个陈述是什么意思？

使用SystemJS，我如何指定一个库依赖于另一个库？例如，Bootstrap JavaScript 库依赖于jQuery。根据SytemJS docs，我假设我会使用System.config.meta属性指定此依赖项：

但这似乎没有效果。当我运行我的应用程序时，Bootstrap 库会抛出一个Bootstrap's JavaScript requires jQuery错误——这意味着 Bootstrap 是在 jQuery 之前加载的。

如何确保 jQuery 总是在 Bootstrap 之前加载？

使用 webpack 创建用于开发和部署的单个包很容易。我希望能够将外部依赖项放入它自己的包中。因此，我有“external-bundle.js”和“index-bundle.js”。我遇到的问题是获得完整的解决方案。我有可行的解决方案，但它需要一个小的改进。

我使用 babel 编写所有代码，所有代码都存储在扩展名为 .es 的文件中。

这是我的目录树：

我的 webpack.config.js：

和 babel 配置以确保完整性：

我成功地将外部库包含在 index.html 中：

剩下的就是 redux-thunk 和 react-google-charts。我没有包含那些使用 html 脚本标签的模块，因为这些模块只是 CommonJS。您可以看到注释掉的外部部分，因为我无法弄清楚参考格式。

所以，我唯一简单的选择是让这些文件被 webpack 包含，因为 ES6 代码也被编译成 commonJS。

理想情况下，我想将所有外部依赖项放入外部包中，并将其与 HTML 文件中的脚本标记一起包含。我会为我正在处理的代码创建一个包。我可以将这个解决方案与 browserify 一起使用，但我无法用 webpack 解决这个问题。我什至为外部包创建了一个单独的配置文件，但我的代码未能在外部包中找到对象。

这两个问题有点联系。我需要帮助：

1. 从我的索引包中外部化 redux-thunk 和 react-google-charts。
2. 只买两包

我现在没有使用 RequireJS，我希望现在不要开始使用它。

谢谢

我喜欢 RN，但真正让我烦恼的一个问题是缺乏约定。作为 js 开发人员，我已经习惯了。但是使用 ES6 与否

render() { 对比render: function() {

是一回事。我真正无法理解的是，当我看到WebView 模块导出示例为

有时我看到

我习惯了

返回一个对象会破坏我的代码，并迫使我考虑每个组件应该是什么类型。我了解返回对象的价值，但开始在文档中引入似乎是一件坏事。吐槽结束。是default为了什么？