我刚刚完成了 Angular CLI Heroes 教程 here 。我已遵循所有教程并完成了 HTTP 教程。
关于 Angular 4 和 TypeScript 的所有精彩学习,但在整个类(class)中让我印象深刻的一件事是 javascript 被编译到 src 文件夹中。如果有一些关于打包部署内容的“后续步骤”教程,那就太好了 - 但这可能超出了 Angular 的范围。
我想改变这一点,但对我需要做的一切并不能 100% 确定。
理想情况下,它会编译到单独的文件夹并包含运行网站所需的所有文件。
我查看了 tsconfig.json 文件并添加了 outDir
设置:
{
"compilerOptions": {
"target": "es5",
"outDir": "../dist/app",
"module": "commonjs",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"lib": [ "es2015", "dom" ],
"noImplicitAny": true,
"suppressImplicitAnyIndexErrors": true
}
}
当我运行npm start
时,代码似乎构建到dist文件夹中,但是当应用程序运行时,我在浏览器中得到的只是Cannot GET/
我缺少一些东西,包括index.html - 但我不知道我到底需要什么文件。所以我的问题是:
- 运行网站需要我编译的应用文件夹之外的哪些文件?
- 我可以修改项目文件以使用 Angular CLI 实现此目的吗?
最佳答案
@安德斯,
Angular CLI 应该已经为你处理好这一切了。看看ng build它应该已经解决了你的两个问题。
- ng build 将处理此问题,并且 angular-cli.json 的“apps”键中指定的内容将包含在 dist 文件夹中
- angular-cli.json 是您需要修改的文件,以包含 dist 文件夹中所需的所有工件。
希望以上为您指明了正确的方向
SOJ
关于node.js - Angular CLI 和 TypeScript outDir,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44996230/