js 或者 ts 项目当中是如何自定义文件扩展名的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 1450 天前的主题，其中的信息可能已经有所发展或是发生改变。

比如像 vue 的*.vue 文件,quill 的*.styl 文件。

9 条回复 • 2020-12-03 19:54:25 +08:00

VDimos

2020-12-03 15:10:44 +08:00 via Android

啥意思？自己定义一个 external.d.ts ，把这些文件后缀加进去就行了

abelmakihara

2020-12-03 15:13:19 +08:00

类似于这样?
declare module '*.vue' {
import Vue from 'vue';
export default Vue;
}

mamahaha

2020-12-03 15:40:31 +08:00

没这么简单吧，搜了一下自创 js 可以读取的文件类型，搜不到啊，不知道自创文件类型有啥好处。

woodensail

2020-12-03 15:45:26 +08:00

最入门的一环，写个 webpack 插件，拦截你的特定后缀名并进行编译。然后就能跑了。
在之后就是写 ide 插件、lint 插件、各种插件，以支持代码提示，检查，高亮等功能。

joesonw

2020-12-03 17:08:58 +08:00

2 楼是正解, 注意要放.d.ts 文件里

mamahaha

2020-12-03 17:23:48 +08:00

@joesonw
@abelmakihara
这个我搜到了 https://segmentfault.com/q/1010000021967636?utm_source=tag-newest
貌似是让 ts 支持 vue 格式，不是定义 vue 格式，vue2.x 就没有 ts 但是会有*.vue ，不知道在哪声明的*.vue 的文件类型。

Kasumi20

2020-12-03 17:39:01 +08:00

webpack loader 了解一下？

joesonw

2020-12-03 19:04:59 +08:00

@mamahaha ts 里面声明只是让 import 正确而已. 可以和 js 一样 require. 具体解析还是要看打包器处理, 例如 webpack

mamahaha

2020-12-03 19:54:25 +08:00

@joesonw 原来是这样