@angular_bazel_example// on master and ⬢ v10.15.3
➜ ls -l
total 512
-rw-r--r--   1 wassimchegham  staff     469 Apr 23 18:21 BUILD.bazel
-rw-r--r--   1 wassimchegham  staff    1096 Apr 23 18:21 LICENSE
-rw-r--r--   1 wassimchegham  staff    7814 Apr 23 18:21 README.md
-rw-r--r--   1 wassimchegham  staff    4706 Apr 23 18:21 WORKSPACE
-rw-r--r--   1 wassimchegham  staff    1213 Apr 23 18:21 angular-metadata.tsconfig.json
-rw-r--r--   1 wassimchegham  staff    2391 Apr 23 18:21 angular.json
-rw-r--r--   1 wassimchegham  staff     429 Apr 23 18:21 deployment.yaml
drwxr-xr-x   5 wassimchegham  staff     160 Apr 23 18:21 e2e
-rw-r--r--   1 wassimchegham  staff    3480 Apr 23 18:21 package.json
-rw-r--r--   1 wassimchegham  staff      41 Apr 23 18:21 renovate.json
drwxr-xr-x  17 wassimchegham  staff     544 Apr 23 18:21 src
drwxr-xr-x   3 wassimchegham  staff      96 Apr 23 18:21 tools
-rw-r--r--   1 wassimchegham  staff  215262 Apr 23 18:21 yarn.lock

workspace(name = "angular_bazel_example")

# This rule is built-into Bazel but we need to load it first to download more rules
load("@bazel_tools//tools/build_defs/repo:http.bzl", "http_archive")
load("@bazel_tools//tools/build_defs/repo:git.bzl", "git_repository")

# Fetch rule implementation as an archive
http_archive(
    name = "build_bazel_rules_nodejs",
    sha256 = "213dcf7e72f3acd4d1e369b7a356f3e5d9560f380bd655b13b7c0ea425d7c419",
    urls = ["https://github.com/bazelbuild/rules_nodejs/releases/download/0.27.9/rules_nodejs-0.27.9.tar.gz"],
)

# Load rule definition
load("@build_bazel_rules_nodejs//:defs.bzl", "check_bazel_version")

# Invoke rule
check_bazel_version(...)

# Fetch rule implementation from a GIT repo
git_repository(
    name = "io_bazel_rules_k8s",
    commit = "d72491924369868a13532af9f15cb766e5943855",
    remote = "https://github.com/bazelbuild/rules_k8s.git",
)

# Load rule definition
load("@io_bazel_rules_k8s//k8s:k8s.bzl", "k8s_defaults")

# Invoke rule
k8s_repositories()

@angular_bazel_example// on master and ⬢ v10.15.3
➜ find ./ -iname BUILD.bazel
.//BUILD.bazel
.//e2e/BUILD.bazel
.//src/app/home/BUILD.bazel
.//src/app/networking/BUILD.bazel
.//src/app/networking/module0/BUILD.bazel
.//src/app/networking/module1/BUILD.bazel
.//src/app/hello-world/BUILD.bazel
.//src/app/storage/BUILD.bazel
.//src/app/storage/module0/BUILD.bazel
.//src/app/storage/module1/BUILD.bazel
.//src/app/datastore/BUILD.bazel
.//src/app/datastore/module0/BUILD.bazel
.//src/app/datastore/module1/BUILD.bazel
.//src/app/compute/BUILD.bazel
.//src/app/compute/module0/BUILD.bazel
.//src/app/compute/module1/BUILD.bazel
...

load("@npm_angular_bazel//:index.bzl", "ng_module")

package(default_visibility = ["//:__subpackages__"])

ng_module(
    name = "billing",
    srcs = [
        "billing.module.ts",
        "index/index.component.ts",
    ],
    assets = [
        "index/index.component.html",
    ],
    tsconfig = "//src:tsconfig.json",
    deps = [
        "//src/app/billing/module0",
        "//src/app/billing/module1",
        "@npm//@angular/common",
        "@npm//@angular/core",
        "@npm//@angular/router",
    ],
)

# //src/lib/shorten/BUILD.bazel

ts_library(
    name = "shorten",
    srcs = ["shorten.ts"],
    module_name = "@bazel/shorten",
    module_root = "shorten",
    deps = [
        "//some/dep",
        "@npm//other/dep",
    ],
)

# Output: 
# - shorten.d.ts
# - shorten.js

# For new apps
npm install -g @angular/bazel
ng new my-app --collection=@angular/bazel

# For existing apps
ng add @angular/bazel

npm i -g @bazel/bazel

bazel build //src:bundle
bazel run @nodejs//:npm
basel test ...

# Install from https://bazel.build.