src ➜ tsc ➜ rollup ➜ `source maps` 可以指向原始的 TypeScript src 吗?
Can src ➜ tsc ➜ rollup ➜ `source maps` point back to the original TypeScript src?
我正在使用 this article 中介绍的 TypeScript 和 Rollup 的组合。
因此math.ts
export function square(x: number) {
return x ** 2;
}
export function cube(x: number) {
return x ** 3;
}
和main.ts
import { square } from "./math";
console.log(square(3));
在命令后生成
tsc -t ES5 -m es2015 && rollup -f es -o app.js -m -i main.js
文件app.js
function square(x) {
return Math.pow(x, 2);
}
console.log(square(3));
//# sourceMappingURL=app.js.map
但生成的源映射指向 tsc
的 .js
输出,而不是原始 .ts
文件。我怎样才能得到后者?
是的。试试 rollup-plugin-sourcemaps.
按照上面的用法link。
或查看 Alex Jover 的 typescript-library-starter,它使用此插件以及其他可能为您解决其他问题的插件。他还说:
If you use rollup-plugin-babel,
you might be able to use the inputSourceMap
option instead of this plugin.
我正在使用 this article 中介绍的 TypeScript 和 Rollup 的组合。
因此math.ts
export function square(x: number) {
return x ** 2;
}
export function cube(x: number) {
return x ** 3;
}
和main.ts
import { square } from "./math";
console.log(square(3));
在命令后生成
tsc -t ES5 -m es2015 && rollup -f es -o app.js -m -i main.js
文件app.js
function square(x) {
return Math.pow(x, 2);
}
console.log(square(3));
//# sourceMappingURL=app.js.map
但生成的源映射指向 tsc
的 .js
输出,而不是原始 .ts
文件。我怎样才能得到后者?
是的。试试 rollup-plugin-sourcemaps.
按照上面的用法link。
或查看 Alex Jover 的 typescript-library-starter,它使用此插件以及其他可能为您解决其他问题的插件。他还说:
If you use rollup-plugin-babel, you might be able to use the
inputSourceMap
option instead of this plugin.