atl-interface-webpack 4重现接口生成错误问题
webpack 4+项目里界面类型生成老是出岔子?atl-interface-webpack4-repro
这个仓库就挺适合用来搞清楚到底哪儿出问题了。它重现了awesome-typescript-loader
TS 接口文件时的一些诡异行为,像SomeInterface.ts
被吃掉、生成的index.d.ts
有坑这种情况,它都能跑出来给你看。
npm i
装好依赖后,直接跑npx webpack
,你会看到生成目录里只有index.d.ts
和index.js.map
,但关键的SomeInterface.d.ts
不见了,嗯,就是这么神奇。
不过也不是没法搞,配合awesome-typescript-loader
的源码版本来搞一下npm link
,再跑一遍npx webpack
,嘿,SomeInterface.d.ts
就乖乖地出现在build
目录里了。看清楚生成逻辑再下判断,问题就能绕过去。
顺带一提,跟webpack4
、TypeScript
相关的生成器坑,其实还蛮多文章写得挺细,像Webpack4 与 TypeScript 实战演练、postcss-ts-classnames 插件这些文章也可以参考一下。
如果你用的项目还停留在webpack4
,又碰上 TS 类型文件生成不稳定的锅,那这个仓库可以先试一圈,省你不少抓头发的时间。
34.42KB
文件大小:
评论区