如何使用bazel / webpack设置绝对导入?

卫斯理

我想从我的仓库的另一部分导入一个打字稿模块,而在导入中没有很多“ ../ ..”以回到我的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"],
)
卫斯理

在这里解决

事实证明,问题在于文件组没有从moduleA推断// folder2:moduleB需要传递地包含在内。将// folder2:moduleB添加到文件组srcs修复了我的问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在React应用中使用Webpack resolve.alias绝对导入

来自分类Dev

使用React + Webpack时如何使用绝对路径导入自定义的scss?

来自分类Dev

使用React + Webpack时如何使用绝对路径导入自定义scss?

来自分类Dev

如何在bazel中使用配置设置启用/禁用属性?

来自分类Dev

如何在OS X上使用Bazel为C ++设置rpath

来自分类Dev

如何从子包中绝对导入?

来自分类Dev

如何使用npm / webpack正确导入Gridstack?

来自分类Dev

使用 bazel 从 Maven 导入和使用外部 jar 文件

来自分类Dev

webpack如何从外部网址导入

来自分类常见问题

如何编辑webpack导入的变量?

来自分类Dev

如何编辑webpack导入的变量?

来自分类Dev

如何从webpack导入多个模块?

来自分类Dev

如何导入 webpack 子模块?

来自分类Dev

如何在Python 3中使用绝对导入来导入位于其父目录中的包?

来自分类Dev

绝对导入如何与sitecustomize.py中不相关的导入一起使用?

来自分类Dev

使用 bazel new_http_archive 规则导入 python 请求

来自分类Dev

使用Webpack导入Vue组件

来自分类Dev

如何以绝对单位设置列宽

来自分类Dev

如何以绝对单位设置列宽

来自分类Dev

使用xrandr设置屏幕的绝对位置?

来自分类Dev

如何在 clion(bazel 项目)中设置 C++ 标准?

来自分类Dev

在使用ParcelJS构建的Cypress测试中,如何在绝对路径中使用导入?

来自分类Dev

如何使Intellij(19.3)对python执行绝对自动导入?

来自分类Dev

有没有强制 PyCharm 总是使用绝对导入?

来自分类Dev

如何使用webpack导入红宝石宝石(断点)?

来自分类Dev

如何使用Angular-Cli / Webpack导入PouchDb-Find

来自分类Dev

如何通过Webpack导入和使用jQuery库?

来自分类Dev

如何使用webpack生成或导入多个json文件?

来自分类Dev

如何通过Webpack导入和使用jQuery库?

Related 相关文章

  1. 1

    在React应用中使用Webpack resolve.alias绝对导入

  2. 2

    使用React + Webpack时如何使用绝对路径导入自定义的scss?

  3. 3

    使用React + Webpack时如何使用绝对路径导入自定义scss?

  4. 4

    如何在bazel中使用配置设置启用/禁用属性?

  5. 5

    如何在OS X上使用Bazel为C ++设置rpath

  6. 6

    如何从子包中绝对导入?

  7. 7

    如何使用npm / webpack正确导入Gridstack?

  8. 8

    使用 bazel 从 Maven 导入和使用外部 jar 文件

  9. 9

    webpack如何从外部网址导入

  10. 10

    如何编辑webpack导入的变量?

  11. 11

    如何编辑webpack导入的变量?

  12. 12

    如何从webpack导入多个模块?

  13. 13

    如何导入 webpack 子模块?

  14. 14

    如何在Python 3中使用绝对导入来导入位于其父目录中的包?

  15. 15

    绝对导入如何与sitecustomize.py中不相关的导入一起使用?

  16. 16

    使用 bazel new_http_archive 规则导入 python 请求

  17. 17

    使用Webpack导入Vue组件

  18. 18

    如何以绝对单位设置列宽

  19. 19

    如何以绝对单位设置列宽

  20. 20

    使用xrandr设置屏幕的绝对位置?

  21. 21

    如何在 clion(bazel 项目)中设置 C++ 标准?

  22. 22

    在使用ParcelJS构建的Cypress测试中,如何在绝对路径中使用导入?

  23. 23

    如何使Intellij(19.3)对python执行绝对自动导入?

  24. 24

    有没有强制 PyCharm 总是使用绝对导入?

  25. 25

    如何使用webpack导入红宝石宝石(断点)?

  26. 26

    如何使用Angular-Cli / Webpack导入PouchDb-Find

  27. 27

    如何通过Webpack导入和使用jQuery库?

  28. 28

    如何使用webpack生成或导入多个json文件?

  29. 29

    如何通过Webpack导入和使用jQuery库?

热门标签

归档