diff --git a/docs/developer/getting-started/monorepo-packages.asciidoc b/docs/developer/getting-started/monorepo-packages.asciidoc
index 8f033029cfac4..4e8bbf76eaacb 100644
--- a/docs/developer/getting-started/monorepo-packages.asciidoc
+++ b/docs/developer/getting-started/monorepo-packages.asciidoc
@@ -82,10 +82,12 @@ yarn kbn watch-bazel
 - @kbn/i18n
 - @kbn/legacy-logging
 - @kbn/logging
+- @kbn/mapbox-gl
+- @kbn/monaco
 - @kbn/securitysolution-es-utils
-- kbn/securitysolution-io-ts-alerting-types
-- kbn/securitysolution-io-ts-list-types
-- kbn/securitysolution-io-ts-types
+- @kbn/securitysolution-io-ts-alerting-types
+- @kbn/securitysolution-io-ts-list-types
+- @kbn/securitysolution-io-ts-types
 - @kbn/securitysolution-io-ts-utils
 - @kbn/securitysolution-list-api
 - @kbn/securitysolution-list-constants
diff --git a/package.json b/package.json
index 246ee55213b51..c94e090c9b7e1 100644
--- a/package.json
+++ b/package.json
@@ -133,7 +133,7 @@
     "@kbn/io-ts-utils": "link:packages/kbn-io-ts-utils",
     "@kbn/legacy-logging": "link:bazel-bin/packages/kbn-legacy-logging/npm_module",
     "@kbn/logging": "link:bazel-bin/packages/kbn-logging/npm_module",
-    "@kbn/monaco": "link:packages/kbn-monaco",
+    "@kbn/monaco": "link:bazel-bin/packages/kbn-monaco/npm_module",
     "@kbn/securitysolution-list-constants": "link:bazel-bin/packages/kbn-securitysolution-list-constants/npm_module",
     "@kbn/securitysolution-es-utils": "link:bazel-bin/packages/kbn-securitysolution-es-utils/npm_module",
     "@kbn/securitysolution-io-ts-types": "link:bazel-bin/packages/kbn-securitysolution-io-ts-types/npm_module",
diff --git a/packages/BUILD.bazel b/packages/BUILD.bazel
index 43528e0ae4162..c885666f7a916 100644
--- a/packages/BUILD.bazel
+++ b/packages/BUILD.bazel
@@ -25,6 +25,7 @@ filegroup(
       "//packages/kbn-legacy-logging:build",
       "//packages/kbn-logging:build",
       "//packages/kbn-mapbox-gl:build",
+      "//packages/kbn-monaco:build",
       "//packages/kbn-plugin-generator:build",
       "//packages/kbn-securitysolution-list-constants:build",
       "//packages/kbn-securitysolution-io-ts-types:build",
diff --git a/packages/kbn-babel-preset/BUILD.bazel b/packages/kbn-babel-preset/BUILD.bazel
index 06b788010bdf5..f5ebc153b9e1a 100644
--- a/packages/kbn-babel-preset/BUILD.bazel
+++ b/packages/kbn-babel-preset/BUILD.bazel
@@ -34,6 +34,7 @@ DEPS = [
   "@npm//@babel/preset-typescript",
   "@npm//babel-plugin-add-module-exports",
   "@npm//babel-plugin-styled-components",
+  "@npm//babel-plugin-transform-react-remove-prop-types",
 ]
 
 js_library(
diff --git a/packages/kbn-monaco/BUILD.bazel b/packages/kbn-monaco/BUILD.bazel
new file mode 100644
index 0000000000000..3a25568dfd811
--- /dev/null
+++ b/packages/kbn-monaco/BUILD.bazel
@@ -0,0 +1,108 @@
+load("@npm//@bazel/typescript:index.bzl", "ts_config", "ts_project")
+load("@build_bazel_rules_nodejs//:index.bzl", "js_library", "pkg_npm")
+load("@npm//webpack-cli:index.bzl", webpack = "webpack_cli")
+
+PKG_BASE_NAME = "kbn-monaco"
+PKG_REQUIRE_NAME = "@kbn/monaco"
+
+SOURCE_FILES = glob(
+  [
+    "src/**/*",
+  ],
+  exclude = [
+    "**/*.test.*",
+    "**/README.md",
+  ],
+)
+
+SRCS = SOURCE_FILES
+
+filegroup(
+  name = "srcs",
+  srcs = SRCS,
+)
+
+NPM_MODULE_EXTRA_FILES = [
+  "package.json",
+  "README.md"
+]
+
+SRC_DEPS = [
+  "//packages/kbn-babel-preset",
+  "//packages/kbn-i18n",
+  "@npm//antlr4ts",
+  "@npm//babel-loader",
+  "@npm//monaco-editor",
+  "@npm//raw-loader",
+  "@npm//regenerator-runtime",
+]
+
+TYPES_DEPS = [
+  "@npm//@types/jest",
+  "@npm//@types/node",
+]
+
+DEPS = SRC_DEPS + TYPES_DEPS
+
+webpack(
+  name = "target_web",
+  data = DEPS + [
+    ":src",
+    ":webpack.config.js",
+  ],
+  output_dir = True,
+  args = [
+    "--config",
+    "$(location webpack.config.js)",
+    "--output-path",
+    "$(@D)",
+    "--env.prod",
+    "--display=minimal"
+  ],
+)
+
+ts_config(
+  name = "tsconfig",
+  src = "tsconfig.json",
+  deps = [
+    "//:tsconfig.base.json",
+  ],
+)
+
+ts_project(
+  name = "tsc",
+  args = ['--pretty'],
+  srcs = SRCS,
+  deps = DEPS,
+  declaration = True,
+  declaration_dir = "target_types",
+  declaration_map = True,
+  incremental = True,
+  out_dir = "target_node",
+  source_map = True,
+  root_dir = ".",
+  tsconfig = ":tsconfig",
+)
+
+js_library(
+  name = PKG_BASE_NAME,
+  srcs = NPM_MODULE_EXTRA_FILES,
+  deps = DEPS + [":target_web", ":tsc"],
+  package_name = PKG_REQUIRE_NAME,
+  visibility = ["//visibility:public"],
+)
+
+pkg_npm(
+  name = "npm_module",
+  deps = [
+    ":%s" % PKG_BASE_NAME,
+  ]
+)
+
+filegroup(
+  name = "build",
+  srcs = [
+    ":npm_module",
+  ],
+  visibility = ["//visibility:public"],
+)
diff --git a/packages/kbn-monaco/package.json b/packages/kbn-monaco/package.json
index e818351e7e470..4f372d8ae62dd 100644
--- a/packages/kbn-monaco/package.json
+++ b/packages/kbn-monaco/package.json
@@ -2,12 +2,10 @@
   "name": "@kbn/monaco",
   "version": "1.0.0",
   "private": true,
-  "main": "./target/index.js",
-  "types": "./target/index.d.ts",
+  "main": "target_node/src/index.js",
+  "types": "target_types/src/index.d.ts",
   "license": "SSPL-1.0 OR Elastic License 2.0",
   "scripts": {
-    "build": "node ./scripts/build.js",
-    "kbn:bootstrap": "yarn build --dev",
     "build:antlr4ts": "../../node_modules/antlr4ts-cli/antlr4ts ./src/painless/antlr/painless_lexer.g4 ./src/painless/antlr/painless_parser.g4 && node ./scripts/fix_generated_antlr.js"
   }
 }
diff --git a/packages/kbn-monaco/scripts/build.js b/packages/kbn-monaco/scripts/build.js
deleted file mode 100644
index 96159b4ad0dca..0000000000000
--- a/packages/kbn-monaco/scripts/build.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */
-
-const path = require('path');
-const del = require('del');
-const supportsColor = require('supports-color');
-const { run } = require('@kbn/dev-utils');
-
-const TARGET_BUILD_DIR = path.resolve(__dirname, '../target');
-const ROOT_DIR = path.resolve(__dirname, '../');
-const WEBPACK_CONFIG_PATH = path.resolve(ROOT_DIR, 'webpack.config.js');
-
-run(
-  async ({ procRunner, log, flags }) => {
-    log.info('Deleting old output');
-
-    await del(TARGET_BUILD_DIR);
-
-    const cwd = ROOT_DIR;
-    const env = { ...process.env };
-    if (supportsColor.stdout) {
-      env.FORCE_COLOR = 'true';
-    }
-
-    await procRunner.run('worker', {
-      cmd: 'webpack',
-      args: ['--config', WEBPACK_CONFIG_PATH, flags.dev ? '--env.dev' : '--env.prod'],
-      wait: true,
-      env,
-      cwd,
-    });
-
-    await procRunner.run('tsc   ', {
-      cmd: 'tsc',
-      args: [],
-      wait: true,
-      env,
-      cwd,
-    });
-
-    log.success('Complete');
-  },
-  {
-    flags: {
-      boolean: ['dev'],
-    },
-  }
-);
diff --git a/packages/kbn-monaco/src/register_globals.ts b/packages/kbn-monaco/src/register_globals.ts
index a07d979e2022b..4047ddedeca42 100644
--- a/packages/kbn-monaco/src/register_globals.ts
+++ b/packages/kbn-monaco/src/register_globals.ts
@@ -11,11 +11,11 @@ import { PainlessLang } from './painless';
 import { EsqlLang } from './esql';
 import { monaco } from './monaco_imports';
 // @ts-ignore
-import xJsonWorkerSrc from '!!raw-loader!../target/public/xjson.editor.worker.js';
+import xJsonWorkerSrc from '!!raw-loader!../../target_web/xjson.editor.worker.js';
 // @ts-ignore
-import defaultWorkerSrc from '!!raw-loader!../target/public/default.editor.worker.js';
+import defaultWorkerSrc from '!!raw-loader!../../target_web/default.editor.worker.js';
 // @ts-ignore
-import painlessWorkerSrc from '!!raw-loader!../target/public/painless.editor.worker.js';
+import painlessWorkerSrc from '!!raw-loader!../../target_web/painless.editor.worker.js';
 
 /**
  * Register languages and lexer rules
diff --git a/packages/kbn-monaco/tsconfig.json b/packages/kbn-monaco/tsconfig.json
index e6ec96b12c6cf..3c17118337899 100644
--- a/packages/kbn-monaco/tsconfig.json
+++ b/packages/kbn-monaco/tsconfig.json
@@ -1,10 +1,12 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "incremental": false,
-    "outDir": "./target",
+    "incremental": true,
+    "declarationDir": "./target_types",
+    "outDir": "./target_node",
     "declaration": true,
     "declarationMap": true,
+    "rootDir": ".",
     "sourceMap": true,
     "sourceRoot": "../../../../packages/kbn-monaco/src",
     "types": [
@@ -13,6 +15,6 @@
     ]
   },
   "include": [
-    "src/**/*"
+    "src/**/*",
   ]
 }
diff --git a/packages/kbn-monaco/webpack.config.js b/packages/kbn-monaco/webpack.config.js
index 5ee00565e6494..d035134565463 100644
--- a/packages/kbn-monaco/webpack.config.js
+++ b/packages/kbn-monaco/webpack.config.js
@@ -18,7 +18,7 @@ const createLangWorkerConfig = (lang) => {
     mode: 'production',
     entry,
     output: {
-      path: path.resolve(__dirname, 'target/public'),
+      path: path.resolve(__dirname, 'target_web'),
       filename: `${lang}.editor.worker.js`,
     },
     resolve: {
diff --git a/packages/kbn-ui-shared-deps/package.json b/packages/kbn-ui-shared-deps/package.json
index c284be4487a5f..162606585c43e 100644
--- a/packages/kbn-ui-shared-deps/package.json
+++ b/packages/kbn-ui-shared-deps/package.json
@@ -7,8 +7,5 @@
     "build": "node scripts/build",
     "kbn:bootstrap": "node scripts/build --dev",
     "kbn:watch": "node scripts/build --dev --watch"
-  },
-  "dependencies": {
-    "@kbn/monaco": "link:../kbn-monaco"
   }
 }
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 15e2970794c7a..4ed940325e54a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2682,7 +2682,7 @@
   version "0.0.0"
   uid ""
 
-"@kbn/monaco@link:packages/kbn-monaco":
+"@kbn/monaco@link:bazel-bin/packages/kbn-monaco/npm_module":
   version "0.0.0"
   uid ""