ts 编译如何修改部分代码目录

This topic created in 2104 days ago, the information mentioned may be changed or developed.

代码结构和期望的编译后结构如下所示：

│   index.ts
│   tsconfig.json
└───src
        app.ts

│   index.ts
│   index.js
│   tsconfig.json
└───src
        app.ts
└───lib 
        app.js

希望达到的效果是 indexjs 与 index.ts 文件均在最上层，ts 源码在 src 目录下，编译后的 js 代码在 lib 目录下。 index.js 中引入路径为./lib，应该如何配置实现呢

5 replies • 2020-09-03 10:56:42 +08:00

MrTreasure

Sep 3, 2020

tsconfig 里面有一个 outDir 这个是指定编译后的 js 文件位置，不过里面的目录结构会和 ts 的保持一致，index.js 应该也会在里面

Marstin

Sep 3, 2020

@MrTreasure 是的，想不出怎么处理 index.js

MrTreasure

Sep 3, 2020

我觉得 index.js 本来就应该作为启动放在打包后的产物里面。非要纠结的话，可以写一个编译完后运行的脚本，把 index.js 移动出来

Marstin

Sep 3, 2020

@MrTreasure 移出来的同时还要替换引入路径，好麻烦。
我这边是想同时提供 ts 和 js 两个版本的代码，入口文件应该在同一目录下的

Tonni

Sep 3, 2020

我也遇到过这种问题，查了半天没找到合适的解决方案，现在是在 package.json 里面的 compile 命令里面里面加了几个复制相关文件 /目录的动作。