In-Depth guide for TypeScript Library

1

Vitest

Use vitest or jest as a test runner Use vite-tsconfig-paths to pass Paths Re-Map Use ts-jest and set up Paths Re-Map.

#Dev Ops #Build, Test, Deploy #Testing Frameworks 41 social mentions

2

npm

Library package projects are useful when developing. With npm, there are tons of library packages available. I've been creating and using libraries out of necessity, and in doing so, I've felt the need to organize how I go about scaffolding my library package projects. There's a lot of good material out there about setting up bundlers and overall scaffolding, but topics like Paths Re-Map and .d.ts bundling are relatively uninformed, so I've put together some thoughts on that. The following is by no means a definitive answer, but it's the way I apply it when working on library projects.

#Front End Package Manager #JavaScript Package Manager #Package Manager 61 social mentions

3

Jest

Use vitest or jest as a test runner Use vite-tsconfig-paths to pass Paths Re-Map Use ts-jest and set up Paths Re-Map.

#Developer Tools #JavaScript Framework #Javascript Testing Framework 36 social mentions

4

Fastify

The dts-bundle-generator is a lightweight and easy tool. If you pass a barrel file generated using ctix to dts-bundle-generator and just specify the path to the output file, it will work fine in most cases without any additional setup. However, if you are using the latest version of Fastify.js in your backend development, you may encounter an issue where bundling fails because Symbol.asyncDispose is not found. This is due to the way the dts-bundle-generator loads only necessary modules for performance optimization, which prevents it from loading some .d.ts files. There is a workaround being discussed for this, but it didn't work in my case. Nevertheless, the tool generally works well and is easy to use with a few simple option settings, and I recommend testing in a live environment if you are considering adopting it.

#Web Frameworks #Developer Tools #JavaScript Framework 21 social mentions

5

esbuild

#JS Build Tools #Web Application Bundler #Project Management 120 social mentions

6

API Extractor

There are many more tools than those listed above. You can check out discussion and comparison of bundling tools. Unfortunately, choosing the right tool among them is a process that you'll have to experiment with and decide for your own project needs. For example, dts-bundle-generator, API Extractor, and rollup-plugin-dts do not support .d.ts.map files. Also, API Extractor and dts-bundle-generator do not have chunking capabilities, rollup-plugin-dts is currently in maintenance mode, and the default export and export statements differ in the way different bundlers generate output. Therefore, you should carefully select and use the most appropriate tool based on your project's configuration.

#Documentation #Documentation As A Service & Tools #Developer Tools 4 social mentions