使用 Angular-CLI 进行转译和编译

Posted

技术标签:

【中文标题】使用 Angular-CLI 进行转译和编译【英文标题】:Transpile and Compilation using Angular-CLI 【发布时间】:2018-09-20 16:21:21 【问题描述】:

我正在阅读 Angular 5 Projects 这本书,并遇到了这句话:

The Angular CLI uses Webpack to transpile, compile, and deploy project code.

转译和编译在下面link中给出

转译是从 TypeScript 到 javascript

angular-cli 将 JavaScript 代码编译成什么语言? angular-cli 是否同时进行:转译和编译?

感谢您的帮助!

【问题讨论】:

CLI 不会将 Typescript 代码编译为 JavaScript 以外的任何其他语言。您的书可能提到的“编译”是 CLI 丑化、缩小和捆绑 JS 以进行最终部署的步骤。对于作者来说,这可能是一个比这里更好的问题。 【参考方案1】:

Typescript 必须使用tsc compilertranspiled 转换为JavaScript,这需要一些配置。

是的,两者兼而有之。在 Angular 中工作时,您将使用 TypeScript 在指定为 your-component.ts 的文件中进行编码,其中“ts”表示它是一个 TypeScript 文件。然后 Angular 获取这些文件并进行转译(转换为另一种语言)。在这种情况下,这将是 TypeScript 到 Javascript。完成此操作后,Angular 将使用这些现在创建的 JavaScript 文件与浏览器进行通信。

【讨论】:

以上是关于使用 Angular-CLI 进行转译和编译的主要内容,如果未能解决你的问题,请参考以下文章

在客户端使用 Babel 进行转译、导入和导出,不用 Webpack?

解释器和编译器,编译型原理和解释型原理

编译器和转译器之间的主要区别是啥?

编译打字稿而不转译异步函数

转译器的编译单元的等效名称是啥?

在 Angular 2/Angular-CLI 中将 CSS 排除在 JS 之外