如何解决打字稿编译文件,导入其他文件并扩展文件模块解析
这是一个简单的问题演示,没有webpack,仅typescript
,使用tsc
将.ts
文件编译为.js
文件,并运行快速应用程序静态文件。使用浏览器esmodule解析。
但已编译的文件,导入语句不具有.js
扩展名
<!-- index.html -->
<script src='./dist/index.js' type='module'></script>
// index.ts
import a from 'a';
console.log(a)
// a.ts
const a:number = 1;
export default const a;
// tsconfig
{
"target": "ES5","module": "es2015","lib": ["DOM","ES2015","ES2017"],"outDir": "./dist","moduleResolution": "node","baseUrl": "./"
}
编译tsc之后,index.js
文件如下所示
// compiled index.js
import a from 'a';
console.log(a)
将这个dist文件夹存储在服务器上
诸如xxxx/static/a
的静态资源请求,没有扩展.js
,并且找不到404。
编译后如何保存文件ext
,我的意思是将这个.js
保留在导入语句中
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。