Angular2中webpack从Typescript生成的ES5文件在哪里

Question

根据Angular2 docs，TypeScript最终降级为ES5。 我的问题是，当我运行应用程序（npm运行服务器，或npm启动）时，如何访问ES6-with-decorators或ES5翻译的Angular2应用程序文件。 我现在拥有的当前应用程序是由webpack-angular2-starter创建的。

我需要ES6或ES5文件进行复杂性分析，因为我使用Plato，我认为这是本作品中最好的。

Answer 1

webpack-dev-server正在从内存中提供所有文件。 虽然在webpack.dev.js中输出被定义为path: helpers.root('dist'),，其中默认情况下帮助程序具有项目根目录的路径，但您看不到任何名为dist的文件夹。 最简单的方法是全局安装webpack，只需命令webpack或在这种情况下npm run build:prod，然后在项目的根目录中生成dist文件夹

Answer 2

  

我需要ES6文件......

除非您创建它们，否则它们不会与TypeScript文件分开存在。可以通过--target option告诉TypeScript编译器生成哪种输出（ES3，ES5，ES6 / ES2015等），例如--target ES2015（或其同义词--target ES6）。

因此，如果需要ES6文件进行复杂性分析，可以使用TypeScript编译器读取TypeScript文件并输出ES6文件。