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

› Vue.js

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

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

9 replies • 2020-12-03 19:54:25 +08:00

VDimos

Dec 3, 2020 via Android

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

BornThisWay

Dec 3, 2020

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

mamahaha

Dec 3, 2020

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

woodensail

Dec 3, 2020

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

joesonw

Dec 3, 2020

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

mamahaha

Dec 3, 2020

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

Kasumi20

Dec 3, 2020

webpack loader 了解一下？

joesonw

Dec 3, 2020

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

mamahaha

Dec 3, 2020

@joesonw 原来是这样