vite-tsconfig-paths
Support for TypeScript's path mapping in Vite (by aleclarson)
tsconfig-paths-webpack-plugin
Load modules according to tsconfig paths in webpack. (by dividab)
Our great sponsors
| vite-tsconfig-paths | tsconfig-paths-webpack-plugin | |
|---|---|---|
| 5 | 2 | |
| 1,170 | 587 | |
| - | 1.2% | |
| 6.5 | 4.3 | |
| about 2 months ago | 8 months ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vite-tsconfig-paths
Posts with mentions or reviews of vite-tsconfig-paths.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-04-30.
-
From webpack to vite: custom module resolution, sass import, babel config
Following suggestion in the issue, i looked at vite-tsconfig-paths which is even better because i already have configured vscode through typescript config:
-
Trying Vite for team's new front end project, can't seem to configure a base import path?
Try this one. https://github.com/aleclarson/vite-tsconfig-paths
-
Migrating from Create React App (CRA) to Vite
We need vite-tsconfig-paths in order to tell Vite how to resolve absolute paths from the tsconfig file. This way you can import modules like this:
-
Vite: Import path alias only setting tsconfig.json
You can use vite-tsconfig-paths on SvelteKit project. And it doesn't work, plese try delete generated folder for dev server like .svelte-kit.
-
Using Vite with React
We already have configured path aliases with webpack and tsconfig - so I wanted to keep that behavior. Luckily we have the vite-tsconfig-paths exactly for that. It worked well. I could also try using the alias for that.
tsconfig-paths-webpack-plugin
Posts with mentions or reviews of tsconfig-paths-webpack-plugin.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-06-20.
-
Can we override component at compile time
You can see an example of such resolver here: https://github.com/dividab/tsconfig-paths-webpack-plugin/blob/master/src/plugin.ts
-
Using Vite with React
We already have configured path aliases with webpack and tsconfig - so I wanted to keep that behavior. Luckily we have the vite-tsconfig-paths exactly for that. It worked well. I could also try using the alias for that.
What are some alternatives?
When comparing vite-tsconfig-paths and tsconfig-paths-webpack-plugin you can also consider the following projects:
DefinitelyTyped - The repository for high quality TypeScript type definitions.
svgr - Transform SVGs into React components 🦁
awesome-vite - ⚡️ A curated list of awesome things related to Vite.js
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]
rollup-plugin-visualizer - 📈⚖️ Visuallize your bundle
wmr - 👩🚀 The tiny all-in-one development tool for modern web apps.
esbuild - An extremely fast bundler for the web
vite-plugin-svgr - Vite plugin to transform SVGs into React components
webpack-bundle-analyzer - Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
vite-tsconfig-paths vs DefinitelyTyped
tsconfig-paths-webpack-plugin vs svgr
vite-tsconfig-paths vs awesome-vite
tsconfig-paths-webpack-plugin vs awesome-vite
vite-tsconfig-paths vs Snowpack
tsconfig-paths-webpack-plugin vs rollup-plugin-visualizer
vite-tsconfig-paths vs rollup-plugin-visualizer
tsconfig-paths-webpack-plugin vs wmr
vite-tsconfig-paths vs esbuild
tsconfig-paths-webpack-plugin vs vite-plugin-svgr
vite-tsconfig-paths vs webpack-bundle-analyzer
tsconfig-paths-webpack-plugin vs esbuild