您可能听说过 Deno,它是一个新的 TypeScript 运行时。
Deno 和普通 TypeScript 之间的一个主要区别是您必须在 import 语句中包含文件扩展名。例如:
import foo from './bar.ts'
^^
我想编写与 Deno 和 Webpack 兼容的代码。
如何配置 Webpack 以允许导入.ts
像上面一样扩展?
另外,如何防止以下 VSCode 错误?
可以将 Webpack 配置为使用解析属性解析所有导入的扩展。如果扩展列表中有空字符串,webpack 也将接受具有完整扩展名的导入。空字符串应该是列表中的第一个条目。
module.exports = {
// ...
resolve: {
extensions: ['', '.ts', '.tsx' /*etc ...*/],
}
}
如果要使用的扩展列表中没有空字符串,则 webpack 将尝试导入类似的内容./bar.ts.ts
代替./bar.ts
.
您可以使用以下注释从 ts-compiler 禁用 VSCode 中的警告
// @ts-ignore TS6133
import foo from './bar.ts'
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)