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

Where are ES5 files generated from Typescript by webpack in Angular2

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

我需要 ES6 或 ES5 文件来进行复杂性分析,因为我使用的是我认为是这项工作中最好的 Plato

I need the ES6 files...

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

所以如果需要ES6文件进行复杂度分析,可以使用TypeScript编译器读取TypeScript文件,输出ES6文件。

webpack-dev-server 从内存中为我们所有的文件提供服务。 尽管在 webpack.dev.js 中输出被定义为 path: helpers.root('dist'),,默认情况下 helper 具有项目根目录的路径,但您看不到任何名为 dist 的文件夹。 最简单的方法是全局安装 webpack,只需命令 webpack 或在本例中为 npm run build:prod 然后 dist 文件夹将在项目的根目录中生成