我想在我的代码库的另一个部分导入一个typescript模块,而不需要在我的导入中添加一堆“../..”以返回到我的bazel工作区的根目录。我该如何设置webpack的绝对导入(相对于我的工作区)? 我需要在webpack.config.js中设置一些内容吗?如果需要,是什么?
以下是说明问题的最简配置:
folder1/
moduleA.ts
BUILD
folder2/
moduleB.ts
BUILD
WORKSPACE
工作区
workspace(
name = "myworkspace",
)
...
* **moduleA.ts ***
// TS COMPILER CAN FIND THIS BUT WEBPACK CAN'T FIND THIS
import { thing } from "myworkspace/folder2/moduleB";
...
文件夹1/BUILD
load("@npm_bazel_typescript//:index.bzl", "ts_library")
load("@npm//webpack-cli:index.bzl", webpack = "webpack_cli")
ts_library(
name = "moduleA",
srcs = ["moduleA.ts"],
deps = [
"//folder2:moduleB",
],
)
filegroup(
name = "moduleA.js",
srcs = [
"moduleA",
],
output_group = "es6_sources",
visibility = ["//visibility:public"],
)
webpack(
name = "bundle",
outs = ["app.bundle.js"],
args = [
"$(locations :moduleA.js)",
"--config",
"$(execpath //:webpack.config.js)",
"-o",
"$@",
],
data = [
":moduleA.js",
"//:webpack.config.js",
"@npm//:node_modules",
],
visibility = ["//visibility:public"],
)