Aurelia 配置

Aurelia 是一个用于构建 Web 应用程序的现代化前端框架，提供了易用的模块化思想和强大的功能。Aurelia 也提供了非常方便的配置方式，本文将介绍 Aurelia 的配置方式。

配置文件

Aurelia 的配置文件通常命名为 aurelia_project/aurelia.json。可以在这个文件中定义模块、插件、资源和包等内容。

{
  "name": "my-aurelia-app",
  "type": "project:application",
  "platform": {
    "id": "web",
    "displayName": "Web"
  },
  "bundles": [
    {
      "name": "app-bundle",
      "source": [
        "**/*.{js,html}",
        "!node_modules/**/*"
      ],
      "dependencies": [
        "aurelia-bootstrapper",
        "aurelia-fetch-client"
      ]
    }
  ],
  "build": {
    "targets": [
      {
        "id": "web",
        "displayName": "Web",
        "output": "www",
        "baseUrl": "",
        "index": "index.html",
        "app": "main"
      }
    ],
    "loader": {
      "type": "require",
      "configTarget": "vendor-bundle.js",
      "includeBundleMetadataInConfig": "auto",
      "plugins": [
        {
          "name": "text",
          "extensions": [".html", ".css"]
        }
      ]
    }
  },
  "dependencies": [
    "aurelia-bootstrapper",
    "aurelia-fetch-client",
    {
      "name": "aurelia-validation",
      "path": "../node_modules/aurelia-validation/dist/amd",
      "main": "aurelia-validation",
      "resources": [
        "aurelia-validation.css"
      ]
    }
  ]
}

模块配置

可以使用 aurelia.json 中的 dependencies 来配置需要使用的模块。

"dependencies": [
  "aurelia-bootstrapper",
  "aurelia-validation",
  "aurelia-http-client",
  "aurelia-logging-console"
]

应用配置

可以使用 aurelia.json 中的 bundles 定义应用程序包。定义一个包的名称、资源、依赖项等。

"bundles": [
  {
    "name": "app-bundle",
    "source": [
      "**/*.{js,html}",
      "!node_modules/**/*"
    ],
    "dependencies": [
      "aurelia-bootstrapper",
      "aurelia-validation",
      "aurelia-http-client",
      "aurelia-logging-console"
    ]
  }
],

插件配置

可以使用 aurelia.json 中的 build.loader 配置插件。

"loader": {
  "type": "require",
  "configTarget": "vendor-bundle.js",
  "includeBundleMetadataInConfig": "auto",
  "plugins": [
    {
      "name": "text",
      "extensions": [".html", ".css"]
    }
  ]
}

资源配置

可以使用 aurelia.json 中的 build.targets 来配置需要打包到输出目录的资源。

"build": {
  "targets": [
    {
      "id": "web",
      "displayName": "Web",
      "output": "www",
      "baseUrl": "",
      "index": "index.html",
      "app": "main",
      "resources": [
        "**/*.{json,ico}",
        "img/*.{png,jpg,jpeg,gif}",
        "fonts/*.{eot,woff,woff2,ttf,svg}"
      ]
    }
  ],
  ...
}

总结

Aurelia 提供了一种方便、灵活的配置方式，可以为应用程序添加、定义模块、插件和资源。通过 aurelia.json 配置文件，可以为 Aurelia 应用程序提供更好的管理方式和灵活性。