Comments (5)
As I'm using typescript for all of my projects, I am very aware of this issue. A type declaration of images would have to look something like this
declare module "*.jpg?*"
declare module "*.webp?*"
// etc.
Because we only want to provide types for imports that use directives. The problem is though that typescript at the moment only allows one star (*) in a pattern at a time, so using two stars will result in typescript complaining.
I know it's not ideal and I will raise an issue with the typescript folks at some point (its on my backlog) but for now there is no real solution for this :/
from imagetools.
Thanks for the quick update on things! And of course thanks so much for this awesome project I've come to depend on daily. I'll follow up under TS to hopefully get this to work.
from imagetools.
One way I'm getting around this is I have this declaration:
declare module '*&img';
then I add the &img
to the end of my imports like this:
import image from '$lib/assets/image.png?width=1000&format=webp&img';
from imagetools.
Is there an issue under TS to track this? I tried to look for one but couldn't. It's probably buried somewhere among the 5k+ issues for TS.
from imagetools.
I have not gotten around to follow through on creating an issue (you may have noticed that I have a lot of other projects that have to take priority right now) but feel free to open one on behalf of this project if it really bothers you.
I personally have not much hope they fix this, but who knows.
from imagetools.
Related Issues (20)
- as=source and as=srcset both outputting srcset with all the same width params HOT 3
- manifest.json is generated incorrectly HOT 2
- Upgrading Vite-imagetools 5.0.8 throws an error from 4.x version HOT 2
- generateImageID causes tests to fail on CI HOT 3
- Vite example has a typo HOT 1
- Renaming picture fallback to img is not reflected in the document HOT 1
- Waste less effort transforming images
- Dependency on sharp not declared correctly for yarnβs PnP loader HOT 9
- Vite plugin crash HOT 2
- Loading attribute HOT 1
- v6 broken due to missing sharp 0.33 binariers HOT 3
- Some images get rotated for some reason HOT 14
- crop from / "gravity" HOT 1
- Error: Unable to parse color from string: ##ffaa22
- Pre-transform error: Failed to parse source for import analysis because the content contains invalid JS syntax
- How to receive access to original image in `extendOutputFormats` after v7.0.0? HOT 3
- Resize image to fit in box
- Querying for GIF's metadata removes animation
- How to use with SSR
- Use the <Image> component HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from imagetools.