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
文件夹将在项目的根目录中生成
根据 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
文件夹将在项目的根目录中生成