WIP: Playing with npm_package_bin but seeing Vue's build error

Author: ymotongpoo

WORKSPACE

@@ -1,3 +1,8 @@
+workspace(
+    name = "ogpapp",
+    managed_directories = {"@client": ["client"]},
+)
+
 load("@bazel_tools//tools/build_defs/repo:http.bzl", "http_archive")
 
 # NOTE: @io_bazel_rules_go must come before @io_bazel_rules_docker

client/BUILD

@@ -1,25 +1,43 @@
-load("@build_bazel_rules_nodejs//:index.bzl", "nodejs_binary")
+load("@build_bazel_rules_nodejs//:index.bzl", "nodejs_binary", "npm_package_bin")
+load("@npm//@vue/cli-service:index.bzl", "vue_cli_service")
 
-nodejs_binary(
-    name = "vue_cli_service",
-    entry_point = "@npm//:node_modules/@vue/cli-service/bin/vue-cli-service.js",
-    node_modules = "@npm//:node_modules",
-)
+#nodejs_binary(
+#    name = "vue_cli_service",
+#    entry_point = "@npm//:node_modules/@vue/cli-service/bin/vue-cli-service.js",
+#    node_modules = "@npm//:node_modules",
+#)
 
 filegroup(
     name = "ogpapp_client_src",
     srcs = glob([
-        "src/**/*",
-        "public/*"
+        "public/*",
+        "src/assets/*",
+        "src/components/*",
+        "src/router/*",
+        "src/store/*",
+        "src/views/*",
+        "src/*",
     ]),
 )
 
-genrule(
-    name = "ogpapp_client",
-    srcs = [
-        ":ogpapp_client_src",
+# `npm_package_bin` enables to run arbitrary executables under `node_modules/.bin`
+# ref. https://github.com/bazelbuild/rules_nodejs/blob/1.4.1/internal/node/npm_package_bin.bzl#L70-L132
+vue_cli_service(
+    name = "ogpapp_client_build",
+    args = [
+        "build",
+        "--modern",
+    ],
+    data = glob([
+        "public/*",
+        "src/assets/*",
+        "src/components/*",
+        "src/router/*",
+        "src/store/*",
+        "src/views/*",
+        "src/*",
+    ]) + [
+        "@npm//:node_modules",
     ],
-    outs = ["dist"],
-    cmd = "@npm//:node_modules/@vue/cli-service/bin/vue_cli_service.js build",
-    tools = [":vue_cli_service"],
+    output_dir = True,
 )