主页 / coding / 问题 / 76954446
Accepted
Jeenu
Asked: 2023-08-22 22:44:41 +0800 CST

使用 GNU Make 的 Typescript 工作流程

  • 772

我拼凑了一个非常轻量级的过程，用于捆绑从 Typescript 构建的 JS 文件。TLDR：我运行tsc为js/foo.js每个src/foo.ts. 然后我使用esbuild. 这是粗略的依赖关系图：

pkg/         js/                             src/
  a.js   ->    a.js   -.               .->     a.ts
  b.js   ->    b.js   --> .compiled   -+->     b.ts
  c.js   ->    c.js   -'               '->     c.ts

因为tsc与 Java 一样，它会无条件地立即编译整个代码库，而不是单个源文件，所以我使用一个.compiled文件作为中间代理来指示tsc编译。

这是淡化但独立的、功能性的 Makefile（自原始帖子以来略有编辑）：

.PHONY: bundle
bundle: .bundled

src_stems := a b c
ts_files := $(addsuffix .ts,$(addprefix src/,$(src_stems)))
js_files := $(addsuffix .js,$(addprefix js/,$(src_stems)))
pkg_files := $(addsuffix .js,$(addprefix pkg/,$(src_stems)))

.bundled: $(pkg_files)
    touch $@

pkg:
    mkdir -p $@

pkg/%.js: js/%.js | pkg
    cp $< $@

$(js_files): .compiled

# Simulate running tsc
.compiled: $(ts_files)
    mkdir -p js
    touch $(js_files)
    touch $@

.PHONY:
clean:
    rm -rf pkg js .compiled .bundled

一切都按预期进行make clean bundle。

$ mkdir -p src
$ touch src/{a,b,c}.ts
$ make

然而，我对单个文件更新后捆绑时的行为感到惊讶。例如，在干净的构建后运行：

$ touch src/b.ts # I modify a single source
$ make
mkdir -p js
touch js/a.js js/b.js js/c.js
touch .compiled
cp js/b.js pkg/b.js    <- Note a.js isn't being bundled!
cp js/c.js pkg/c.js
touch .bundled

而且，如果我make再次运行，丢失的文件就会被捕获：

$ make
cp js/a.js pkg/a.js
touch .bundled

我尝试调试，make -d但无法弄清楚为什么当我有部分更新时，需要运行两次才能a.js捆绑。另请注意，它总是a.js被遗漏，我想这是因为它是第一个列出的来源。

一些调试行来自make -d：

     Prerequisite 'js/a.js' is older than target 'pkg/a.js'.
...
     Prerequisite 'js/b.js' is newer than target 'pkg/b.js'.
...
     Prerequisite 'js/c.js' is newer than target 'pkg/c.js'.

线路的诊断pkg/a.js与其他诊断不一致。事实上，所有js/*.js文件都将具有相同的时间戳。

我究竟做错了什么？我还应该考虑其他规则吗？

gnu-make

1 个回答

  1. Best Answer

    这行：

    js/a.js js/b.js js/c.js: .compiled

    还不够。它告诉 make 有一个先决条件，但它没有提供任何秘诀。您希望有一个配方，使其成为完整的规则，而不仅仅是先决条件声明。添加分号就足够了（我相信）：

    js/a.js js/b.js js/c.js: .compiled ;

    或者，如果更容易理解，您可以添加类似的内容：

    js/a.js js/b.js js/c.js: .compiled
        # do nothing

    请注意：如果您将源文件分配给一个变量并使用该变量，那么阅读您的示例会更简单（并意识到它是正确的），而不是每次都重写所有文件，我们必须仔细解析它们确保他们没有输入错误。

    • 1

相关问题