vite-ts-tailwind-starter
fork-ts-checker-webpack-plugin
vite-ts-tailwind-starter | fork-ts-checker-webpack-plugin | |
---|---|---|
1 | 8 | |
391 | 1,918 | |
- | 0.4% | |
7.2 | 5.2 | |
about 19 hours ago | 22 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
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-ts-tailwind-starter
fork-ts-checker-webpack-plugin
-
Converting to Typescript
Okay. The normal setup is that you use https://github.com/TypeStrong/ts-loader or https://github.com/TypeStrong/fork-ts-checker-webpack-plugin as part of your Webpack config. Those will run the TS compilation step as part of the Webpack processing sequence.
-
Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust!
I work on a TypeScript project of similar size and complexity, and ours does not take even nearly that long to compile on save. Have you tried fork-ts-checker-webpack-plugin? We had compile times similar to yours until we started using it. Went from >60s to <1s builds in development. It's very simple to set up.
-
Do you guys compile with ts-loader or babel-loader?
Yeah, I mean less loaders = less time. Did you try fork ts checker and compileOnly? https://github.com/TypeStrong/fork-ts-checker-webpack-plugin
-
Hey when I want to run a vue frontend I need to increase my memory size, because js jumps out of memory.
That worker/memory limit is for the type checking only (rather than runtime memory), I believe this is done using https://github.com/TypeStrong/fork-ts-checker-webpack-plugin
-
Adding Typescript to your Existing Rails App
There are many ways to integrate TypeScript with an existing Webpack configuration. If you use the babel-loader package to transpile JavaScript files, you can add the @babel/preset-typescript preset to generate JavaScript files and the Fork TS Checker Webpack Plugin package to run the TypeScript type checker so that the build fails if there are type errors.
-
Blazing fast TypeScript with Webpack and ESBuild
esbuild-loader (secret sauce!) fork-ts-checker-webpack-plugin (helps us with typechecking) nodemon-webpack-plugin (We can also use webpack-dev-server)
-
Debugging with developer tools
I cloned github repo into a new dir, ran install with --frozen-lockfile and test-gui with --clean and got the same error. Looks like it's coming from fork-ts-checker-webpack-plugin and then found this among its reported issues: (https://github.com/TypeStrong/fork-ts-checker-webpack-plugin/issues/562).
-
Why Is Esbuild Fast?
You may want to check out this webpack plugin [1], though I'm not sure how much it could get you there.
[1] https://github.com/TypeStrong/fork-ts-checker-webpack-plugin...
What are some alternatives?
swc - Rust-based platform for the Web
electron-vite-tailwind-starter - This Starter utilizes Electron, Vite and Tailwindcss in combination. It trys to adhare best practices.
babel-loader - 📦 Babel loader for webpack
sucrase - Super-fast alternative to Babel for when you can target modern JS runtimes
webpack-dev-server - Serves a webpack app. Updates the browser on changes. Documentation https://webpack.js.org/configuration/dev-server/.
oku-nuxt3-template - Nuxt 3 best starter repo, Tailwindcss, Sass, Headless UI, Vue, Pinia, Vite, Eslint, i18n, Naive UI
esbuild
vite-svg-loader - Vite plugin to load SVG files as Vue components
vega - A visualization grammar.
esbuild-register - Transpile JSX, TypeScript and esnext features on the fly with esbuild