atl-interface-webpack 4重现接口生成错误问题

webpack 4+项目里界面类型生成老是出岔子?atl-interface-webpack4-repro这个仓库就挺适合用来搞清楚到底哪儿出问题了。它重现了awesome-typescript-loaderTS 接口文件时的一些诡异行为,像SomeInterface.ts被吃掉、生成的index.d.ts有坑这种情况,它都能跑出来给你看。

npm i装好依赖后,直接跑npx webpack,你会看到生成目录里只有index.d.tsindex.js.map,但关键的SomeInterface.d.ts不见了,嗯,就是这么神奇。

不过也不是没法搞,配合awesome-typescript-loader的源码版本来搞一下npm link,再跑一遍npx webpack,嘿,SomeInterface.d.ts就乖乖地出现在build目录里了。看清楚生成逻辑再下判断,问题就能绕过去。

顺带一提,跟webpack4TypeScript相关的生成器坑,其实还蛮多文章写得挺细,像Webpack4 与 TypeScript 实战演练postcss-ts-classnames 插件这些文章也可以参考一下。

如果你用的项目还停留在webpack4,又碰上 TS 类型文件生成不稳定的锅,那这个仓库可以先试一圈,省你不少抓头发的时间。

zip 文件大小:34.42KB