我已经按照在线教程说我必须在.angular-cli.json文件中设置outDir。当我运行build build时,这会将编译的代码放在app.js文件夹中指定的正确目录中。问题是我无法在任何地方找到该文件。教程link
解决方案已完成并且没有错误,我现在要做的就是将Angular连接到我拥有的后端并在localhost:3000上运行它。到目前为止,我只在tsconfig.json文件中找到了outdir。当我运行编译器时,文件最终会出现在默认的dist文件夹中。
答案 0 :(得分:9)
您所指的教程使用的是Angular 2,最新版本的Angular是6
角度为6之后的CLI项目将使用angular.json
而不是.angular-cli.json
进行构建和项目配置。
每个CLI工作区都有项目,每个项目都有目标,每个目标都可以有配置。 Docs
如果您希望生成的工件存储在自定义位置中修改"outputPath": "dist/ng6",
目标下的"outputPath": "dist/yourcustomlocation",
到build
的输出路径
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"ng6": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"prefix": "app",
"schematics": {},
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/ng6",**<----/modify this**
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets":
此外,教程使用的HttpModule
已弃用,您应使用 HttpClientModule