angular-cli - Angular Cli 支持内联模板和 css

Question

最新版本的 Angular cli 是否支持组件的内联模板和 css？我再也看不到 --inline-template 选项了吗？

https://github.com/angular/angular-cli

Answer 1

在 angular-cli.json 文件中，您可以指定是否希望文件具有内联 css 和模板。

在这里您可以找到您可以在配置文件中指定的所有选项。

https://github.com/angular/angular-cli/wiki/angular-cli

这样，当您使用 ng generate component 时它将使用默认值。

{
    "project": {
      "version": "1.0.0-beta.22-1",
      "name": "client"
    },
    "apps": [
      {
        "root": "src",
        "outDir": "build",
        "assets": [
          "assets",
          "favicon.ico"
        ],
        "index": "index.html",
        "main": "main.ts",
        "test": "test.ts",
        "tsconfig": "tsconfig.json",
        "prefix": "ws",
        "mobile": false,
        "styles": [
          "styles/main.scss"
        ],
        "scripts": [],
        "environments": {
          "source": "environments/environment.ts",
          "prod": "environments/environment.prod.ts",
          "dev": "environments/environment.dev.ts"
        }
      }
    ],
    "addons": [],
    "packages": [],
    "e2e": {
      "protractor": {
        "config": "./protractor.conf.js"
      }
    },
    "test": {
      "karma": {
        "config": "./karma.conf.js"
      }
    },
    "defaults": {
      "styleExt": "scss",
      "prefixInterfaces": false,
      "inline": {
        "style": true, <<<--- CHECK IT OUT!!
        "template": true
      },
      "spec": {
        "class": false,
        "component": true,
        "directive": true,
        "module": false,
        "pipe": true,
        "service": true
      }
    }
  }