ts-loader
responsive-loader
Our great sponsors
ts-loader | responsive-loader | |
---|---|---|
6 | 2 | |
3,423 | 640 | |
0.3% | - | |
4.8 | 1.1 | |
6 days ago | 9 months ago | |
TypeScript | TypeScript | |
MIT License | BSD 3-clause "New" or "Revised" 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.
ts-loader
-
webpack adoption guide: Overview, examples, and alternatives
It'll be a little different than your typical "what is webpack?" article in that I write this as the maintainer of ts-loader, a loader used for integrating TypeScript with webpack. I've worked in the webpack ecosystem for some years now, and I'll share some of my experiences with you.
-
The Complete Guide for Setting Up React App from Scratch (feat. TypeScript)
why I use @babel/preset-typescript over ts-loader and awesome-typescript-loader to complie TypeScript? it's blazingly faster than the others and has more perks(read #4) ts-loader doesn't natively support HMR(Hot Module Replacement) awesome-typescript-loader's latest release is on Jun 22, 2018 TypeScript With Babel: A Beautiful Marriage - Matt Turnbull's Post
-
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.
-
Using styled-components with SWC compiler?
I've recently tried SWC for building my project instead of ts-loader and was blown away by its performance (I got 8x-10x speedup on a Windows machine).
-
Sharing TypeScript code between Node.js and Vue.js
{ "compilerOptions": { "target": "esnext", "module": "esnext", "strict": true, "jsx": "preserve", "importHelpers": true, "moduleResolution": "node", "experimentalDecorators": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "sourceMap": true, "baseUrl": "./", "outDir": "./dist", // https://github.com/TypeStrong/ts-loader/issues/1138 "importsNotUsedAsValues": "preserve", "types": [ "webpack-env" ], "paths": { "@/*": [ "src/*" ], "@shared/*": [ "../shared/*" ] }, "lib": [ "esnext", "dom", "dom.iterable", "scripthost" ] }, "include": [ "src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.tsx", "../shared/**/*" ], "exclude": [ "node_modules" ] }
-
esbuild-loader: Replace babel-loader/ts-loader and benefit from the speed of esbuild while sticking with Webpack
See https://github.com/TypeStrong/ts-loader#happypackmode. Switching to esbuild-loader cut my build time in half.
responsive-loader
-
I can't import pngs even though my path is correct.
the ATypeThatDescribesYourImageLoader type could be an interface that describes what your image loader returns. For example I use https://github.com/dazuaz/responsive-loader so I have types like so
-
How to build a food advisor UI for Strapi using GC & GraphQL
You can access any images or videos you drop in the studio via mediaFiles variable which is an object where file names are the keys. Implicitly there is a Webpack Responsive Loader involved which gives you src and placeholder.
What are some alternatives?
swc - Rust-based platform for the Web
css-modules - Documentation about css-modules
esbuild-loader - Webpack loader for esbuild: Speed up your build β‘οΈ
gluecodes-framework - Non-trivial framework based on trivial principles
babel-plugin-styled-components - Improve the debugging experience and add server-side rendering support to styled-components
svgr - Transform SVGs into React components π¦
raw-loader - A loader for webpack that allows importing files as a String
svgr - Transform SVGs into React components π¦ [Moved to: https://github.com/gregberge/svgr]
graphql-let - A webpack loader / babel-plugin / babel-plugin-macros / CLI / generated file manager of GraphQL code generator.
Strapi - π Strapi is the leading open-source headless CMS. Itβs 100% JavaScript/TypeScript, fully customizable and developer-first.
sass-loader - Compiles Sass to CSS
fork-ts-checker-webpack-plugin - Webpack plugin that runs typescript type checker on a separate process.