Question

我正在将打字稿编译为es5 / commonjs格式。我正在使用打字稿的tsconfig.json paths属性为`import语句指定一个固定的根。

例如，我可能具有路径配置@example: './src/'。

*。ts文件编译后，require语句将类似于：

require('@example/boo/foo');

我需要创建一个考虑当前javascript文件路径和导入路径的后处理脚本。

例如，如果导入了更新的javascript文件位于dist/foo/pitythefoo.js中，并且从dist/boo/boo.js导入了导出内容，则路径@example/boo/boo必须替换为../boo/boo

现在，如果pitythefoo.js位于dist（dist/pitythefoo.js的根，那么@example字符串将仅替换为./。

所以基本算法似乎是：

如果文件位于dist的根目录，则将@example替换为./。如果更深，则计算深度，例如，如果两个目录更深，则添加../..以移至根目录，然后移至导入模块资源所在的路径。听起来合理吗？

所以总的来说，我在想类似的东西：

globby('dist/**/*.js'). //get the paths of all the js files
then(process); //read each file as a text file and perform the string replacement
               //Save the file using the original file name.


 function process(path:string) {
    const file = fs.readFileSync(path);
    //update require statements contents of file
    fs.writeFileSync(file,path);
 }

有人知道该实用程序可以分析导入路径长度和当前资源的路径并为require()语句生成正确的相对路径吗？

这似乎是一种相当普遍的模式，所以要避免重新发明轮子...

Answer 1

I've implemented a script that solves this for my project。我们的目标是能够使用非相对路径（我们可以使用Typescripts paths配置选项进行处理），并使已编译的ES5 / CommonJS输出使用相对路径，以便可以将该软件包发布到NPM。上面的链接具有github版本，这是代码：

    const fs = require("fs");
    const globby = require("globby");
    require("mkdirp").sync("dist");
    require("cpy")("package.json", "dist");
    const options = { overwrite: true };
    const rc = require("recursive-copy");
    rc("target/src/", "dist", options).then(() => {
      globby("./dist/**/*.js")
        .then(paths => {
          paths.forEach(update);
        })
        .catch(e => console.log(e));

        globby("./dist/**/*.d.ts")
        .then(paths => {
          paths.forEach(update);
        })
        .catch(e => console.log(e));
    });

    function update(path) {
      count = (path.match(/\//g) || []).length;
      let replacement = "";
      if (count == 2) {
        replacement = "./";
      } else if (count > 2) {
        const size = count - 2;
        replacement = Array(size)
          .fill("../")
          .join("");
      } else {
        throw new Error("Invalid / count in path of file");
      }
      let js = fs.readFileSync(path, "utf8");
      js = js.replace(/@fs\//g, replacement);
      fs.writeFileSync(path, js);
    }

将Typescript绝对路径转换为Node.js相对路径？

1 个答案: