index.html位于dist / src中,而bundle.js文件位于dist中。找不到bundle.js文件

时间:2019-10-02 08:29:40

标签: angular angular-cli

我正在用angular-cli构建项目,但遇到一个问题,其中index.html内置到dist / src中,bundle.js文件位于dist文件夹中。这样,index.html在浏览器中找不到bundle.js文件。我正在跑步纱表。

曾尝试更改.angular-json文件,但仍将index.html放入dist的src文件夹中。

.angular-cli.json

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "redis-cli"
  },
  "apps": [
    {
      "root": "",
      "outDir": "dist",
      "assets": [
        "assets",
        "web.config",
        "favicon.ico",
        "common",
        "modules"
      ],
      "index": "src/index.html",
      "main": "src/main.ts",
      "polyfills": "src/polyfills.ts",
      "test": "src/test.ts",
      "tsconfig": "tsconfig.json",
      "testTsconfig": "src/tsconfig.spec.json",
      "styles": [
        "src/styles/main.css",
        "src/styles/custom.css",
        "src/styles/bootstrap.css",
        "src/styles/login-custom.css",
        "src/styles/login-custom-ext.css"
      ],
      "scripts": [
        "./node_modules/jquery/dist/jquery.min.js",
        "./node_modules/angular/angular.min.js"
      ],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environment/environment.ts",
        "prod": "environment/environment.prod.ts"
      }
    }
  ],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [
    {
      "project": "tsconfig.json"
    },
    {
      "project": "src/tsconfig.spec.json"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  }
}

tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "dist",
    "sourceMap": true,
    "module": "es2015",
    "allowJs": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "noStrictGenericChecks": true,
    "allowSyntheticDefaultImports": true,
    "removeComments": false,
    "noImplicitAny": false,
    "noImplicitThis": false,
    "suppressImplicitAnyIndexErrors": true,
    "outputHashing": "all",
    "extractCss": true,
    "namedChunks": false,
    "buildOptimizer": false,
    "baseUrl": ".",
    "target": "es5",
    "files": [
      "node_modules/moment/moment.d.ts"
    ],
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es6",
      "dom",
      "scripthost"
    ],
    "types": [
      "node",
      "google.analytics",
      "jquery"
    ],
    "paths": {
      "@tet/*": [
        "src/modules/*",
        "./../tetris-web/common/app/modules/*"
      ],
      "@angular/*": ["./node_modules/@angular/*"]
    },
    "exclude": [
      "node_modules"
    ]
  }
}

package.json

{
  "name": "redis-cli",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "node ./node_modules/@angular/cli/bin/ng",
    "build": "npm run ng -- build",
    "serve": "npm run ng -- serve --proxy-config proxy.conf.js --base-href /",
    "watch": "npm run build -- --watch"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "2.4.10",
    "@angular/compiler": "2.4.10",
    "@angular/core": "2.4.10",
    "@angular/forms": "2.4.10",
    "@angular/http": "2.4.10",
    "@angular/platform-browser": "2.4.10",
    "@angular/platform-browser-dynamic": "2.4.10",
    "@angular/platform-server": "2.4.10",
    "@angular/router": "3.4.10",
    "@angular/upgrade": "2.4.10",
    "@uirouter/angularjs": "^1.0.22",
    "angular": "1.7.8",
    "bootstrap-sass": "^3.3.7",
    "codelyzer": "4.4.4",
    "core-js": "2.5.3",
    "crypto-js": "3.1.9-1",
    "cryptojslib": "~3.1.2",
    "daterangepicker": "^3.0.3",
    "enhanced-resolve": "^3.3.0",
    "eslint": "^3.9.1",
    "eslint-html-reporter": "^0.5.2",
    "eslint-plugin-angular": "^1.4.1",
    "eslint-plugin-nortal": "0.0.1",
    "fileapi": "2.0.25",
    "font-awesome": "^4.7.0",
    "html-webpack-plugin": "3.0.7",
    "intl": "^1.2.5",
    "isikukood": "1.2.3",
    "jquery": "^3.3.1",
    "lodash": "3.10.1",
    "message-center": "^0.1.10",
    "moment": "2.9.0",
    "ng-file-upload": "3.2.*",
    "ng-table": "0.5.*",
    "ngx-bootstrap": "1.6.2",
    "oi.select": "^0.2.21",
    "pako": "1.0.6",
    "postcss-loader": "2.0.8",
    "reflect-metadata": "0.1.2",
    "rxjs": "^5.0.1",
    "split.js": "^1.3.5",
    "tsconfig-paths-webpack-plugin": "3.2.0",
    "ua-parser-js": "0.7.18",
    "ui-router": "^1.0.0-alpha.3",
    "web-animations-js": "^2.3.2",
    "yarn": "^1.17.3",
    "zone.js": "^0.7.2"
  },
  "devDependencies": {
    "@angular/cli": "1.7.4",
    "@angular/compiler-cli": "2.4.10",
    "@types/google.analytics": "0.0.39",
    "@types/jquery": "<3.3.28",
    "@types/node": "^12.0.5",
    "angular2-template-loader": "^0.6.0",
    "awesome-typescript-loader": "^3.0.4",
    "css-loader": "^0.26.1",
    "file-loader": "^4.2.0",
    "grunt": "0.4.0",
    "html-loader": "^0.4.3",
    "mini-css-extract-plugin": "0.8.0",
    "to-string-loader": "^1.1.5",
    "tsconfig-paths-webpack-plugin": "3.2.0",
    "tslint": "^5.0.0",
    "typescript": "2.6.1"
  }
}

我想要的是index.html将位于dist中,而src将不存在于dist中,以便index.html可以找到bundle.js文件。

0 个答案:

没有答案