build: build material-examples with bazel

Author: devversion

src/bazel-tsconfig-build.json

@@ -24,5 +24,10 @@
     "lib": ["es2015", "dom"],
     "skipLibCheck": true,
     "types": ["tslib"]
+  },
+  "bazelOptions": {
+    // Note: We can remove this once we fully switched away from Gulp. Currently we still set
+    // some options here just in favor of the standard tsconfig's which extending this one.
+    "suppressTsconfigOverrideWarnings": true
   }
 }

src/material-examples/BUILD.bazel

@@ -0,0 +1,32 @@
+package(default_visibility=["//visibility:public"])
+
+load("@angular//:index.bzl", "ng_package")
+load("//:packages.bzl", "CDK_TARGETS", "MATERIAL_TARGETS", "ROLLUP_GLOBALS")
+load("//tools:defaults.bzl", "ng_module")
+
+ng_module(
+  name = "examples",
+  srcs = glob(["**/*.ts"]),
+  module_name = "@angular/material-examples",
+  assets = glob(["**/*.html", "**/*.css"]),
+  deps = [
+    "@angular//packages/common",
+    "@angular//packages/core",
+    "@angular//packages/forms",
+    "@npm//moment",
+    "//src/material-moment-adapter",
+  ] + CDK_TARGETS + MATERIAL_TARGETS,
+  # Specify the tsconfig that is also used by Gulp. We need to explicitly use this tsconfig
+  # because in order to import Moment with TypeScript, some specific options need to be set.
+  tsconfig = ":tsconfig-build.json",
+)
+
+ng_package(
+  name = "npm_package",
+  srcs = ["package.json"],
+  entry_point = "src/material-examples/public_api.js",
+  globals = ROLLUP_GLOBALS,
+  deps = [":examples"],
+  # TODO(devversion): re-enable once we have set up the proper compiler for the ng_package
+  tags = ["manual"],
+)

src/material-examples/tsconfig-tests.json

@@ -18,7 +18,7 @@
     // Unset options inherited from tsconfig-build
     "annotateForClosureCompiler": false,
     "flatModuleOutFile": null,
-    "flatModuleId": null,
+    "flatModuleId": null
   },
   "include": [
     "**/*.spec.ts",