问题标签 [es6-module-loader]

ES6 模块语法是否允许您从文件夹中导入某些内容？

例如，如果我有./sub/main.js并且我尝试import foo from './sub在./main.js文件中，这会工作吗？

我可以从文件夹中进行这种导入以使用 babel 和 webpack 吗？

基本上这相当于__init__.py在 Python 中。

在我的项目中，我有很多所谓的 javascript '服务'，服务具有以下结构：

所以，服务之间是相互依赖的，并且具有异步加载功能，并且依赖服务只有在加载了它的依赖后才能创建。上面的例子是一个纯 javascript，但可以很容易地重写为 ES6 模块。

是否可以通过 system.js 插件加载此类服务（我不想修改 system.js 库源）？我需要的只是延迟模块执行，直到它的依赖项没有准备好。似乎实例化钩子不适合它，因为我仍然希望标准 ES6 链接和执行工作。

我目前用 Babel 开发了一个基于 node.js 的项目。

我有一个 userService.js 文件，它应该是一个单例，并管理我想要与用户一起使用的所有内容，并保持用户的状态。

为什么我要这样写这个模块：

并以这种方式导入：

而不是这样：

并像这样导入它：

import * as userService from 'userService';

仅仅是风格上的差异吗？

我知道例如只导入登录而不使用注销方法是没有意义的，所以导出一个包含所有方法的类听起来不错，但另一种方式的优点是不必一直使用“this”关键字。

ES6 允许我们使用新的导入语法。使用它，我们可以将模块导入我们的代码，或者这些模块的一部分。使用示例包括：

但是，我们也有这个谜团：

看起来 ES6 支持裸 import，因为这是一个有效的 import 语句。但是，如果这样做了，似乎就无法实际引用该模块。

我们将如何使用它，为什么？

我正在使用 chai 库中的 should() 。

它使用

我正在尝试使用 ES6 模块来做到这一点，但只能让它以这种方式工作：

有没有一种清洁的单线方法来用 ES6 导入这个模块？

我正在尝试将 Javascript 角度模块转换为 TypeScript。目前我正在使用 ES6 模块加载器。并尝试将每个模块一一转换。我确实将一个模块转换为 TypeScript，但是 ES6 加载器无法加载控制器和指令时遇到问题。

这是我的app.js：

这里是我Angular module写的TypeScript。

这是我的Controller。

这是我的directive。

我可以看到我的模块正在加载，但控制器和指令从未注册，也根本没有下载。谁能告诉我我在哪里做错了。

是否有任何现有的 ES6 模块运行时捆绑解决方案？

我希望在 MVC5 Web 应用程序中简化 JavaScript 代码开发。我们在处理大而笨重的 JS 文件时遇到了问题，所以我希望能够建立一个模块加载器系统。到目前为止，我还没有找到任何现有的 ES6 或其他模块加载器格式的捆绑转换器。我可以使用 TypeScript 或 nodejs 需要样式。不过，我不喜欢使用 require.js 样式。

也许这个解决方案还不存在是有充分理由的。也许依赖解析处理对于运行时捆绑解决方案来说太多了。但是，我认为值得一试。

考虑的解决方案

预建网络客户端

最终，这就是我想要的，但我现在需要一个权宜之计的解决方案。我知道如何使用 grunt/gulp/webpack 为 HTML 客户端构建一个构建系统。但我不想告诉开发人员webpack -w在开发过程中运行或类似的东西。我也不想告诉他们为每个 JS 更改重新构建解决方案。他们应该能够修改文件、刷新浏览器并查看更改。

目录结构

这可能是我最终会选择的路线。基本上，这个 JS 代码库由 jQuery 小部件和普通 JS（帮助程序/常用函数）组成。所以，如果我在这个目录结构中构建代码并包含 js 目录，它应该能让我大部分时间到达那里：

• js（目录）
  • 应用程序-start.js
    • 助手（DIR）
    • 小部件 (DIR)

小部件应该没问题。帮手，我可以看到一个函数/类依赖于另一个的问题。但是，由于函数调用永远不应该以帮助程序（只有一个小部件）开头，所以这应该可以正常工作，假设没有使用全局变量（或者可能是一个像“App”这样的全局变量）。

这是我的角度模块编写的打字稿。

它在本地运行良好。打包后编译成下面的js代码，其中js找不到关键字“require”。此外，我们正在使用 traceur 将我们的一些 ES6 模块转换为 ES5。这是编译和捆绑的 js 模块。

这里还有 tsconfig.Json

我使用 ES6、Babel 和 webpack 堆栈。

我已经通过 npm 安装了 highcharts（我更喜欢使用官方的 highcharts npm repo）：

但是，常规导入 (ES6) 无法按预期工作：

如何通过 webpack 导入导入 Highcharts？您可以发布一个 webpack.config.js 示例（或其他配置插件的方式）吗？

谢谢。

编辑

错误是：

I am trying to use Webpack with Babel to compile ES6 assets, but I am getting the following error message:

Here is what my Webpack config looks like:

Here is the middleware step that makes use of Webpack:

All my index.js file is doing is importing react, but it seems like the 'babel-loader' is not working.

I am using 'babel-loader' 6.0.0.