【问题标题】:VisualStudio Code: TypeScript using ES6 module loadingVisualStudio 代码:使用 ES6 模块加载的 TypeScript
【发布时间】:2016-09-18 17:51:17
【问题描述】:

我一直在使用带有 AMD 模块加载 (require.js) 的 TypeScript 来开发带有 Ionic 的移动应用程序。 VisualStudio Code 还支持 ES6 等其他类型的模块加载,这引起了我的注意,因为它采用了下一个标准语法和更易于阅读(至少对我而言)。 不幸的是,我找不到任何关于我需要使它与 VisualStudio Code 一起工作的示例。 对于 AMD,我需要将 require.js 捆绑在我的 js 文件夹中的某个位置,对其进行配置等等。我需要 ES6 什么?还是我需要什么,VSC 会自动添加模块加载库?

【问题讨论】:

  • VSC 只是一个编辑器。你需要的是像 WebPack 或 JSPM 这样的构建工具

标签: typescript visual-studio-code es6-module-loader


【解决方案1】:

如果您想在 VSC 中获得良好的 ES2015 支持,您应该创建一个 jsconfig.json。这是官方文档的链接:

https://code.visualstudio.com/docs/languages/javascript

因为还没有浏览器实现 ES2015 模块,所以您必须使用像 webpackrollup 这样的捆绑程序。您可能还需要babeljs

【讨论】:

  • 是的,我已经设置了jsconfig.json 文件。好的,所以 webpack 或 rollup 在使用 AMD 时会像 requirejs 那样进入中间吗?但正如我所见,它会在上线之前准备好一切,不像 require.js 那样积极地在浏览器中运行它,对吧?
  • 是的,但是因为并不是每个浏览器都完全支持 ES2016,所以代码也被转换为 ES5。这不是由 webpack/rollup 直接完成的,而是一个插件(例如 babel)。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-02-28
  • 2020-08-05
  • 1970-01-01
  • 2018-06-05
  • 2013-01-23
  • 2016-02-26
  • 2012-10-10
相关资源
最近更新 更多