img-size-loader - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

package.json

 {
   "name": "img-size-loader",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "webpack image size loader. does not emit file",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -17,3 +17,3 @@ # Webpack image size loader
 - It is highly recommended to overloading other loaders by preceding inline loader with punctuation(`!`)
-- Import example
+- Inline Import example
 
@@ -23,13 +23,25 @@ ```javascript
 //otherwise, will conflict with other loaders
-import ImageWithSize from '!img-size-loader!./log.png'
+import ImageSize from '!img-size-loader!./my-logo.png'
 //assume that '*.png' is loaded via `url-loader`, `file-loader`, ... by default
-import ImageWithoutSize from './log.png'
+import ImageUrl from './my-logo.png'
 
-console.log(ImageWithSize)
+console.log(ImageSize)
 //output: { width: 1379, height: 991, type: 'png' }
-console.log(ImageWithoutSize)
+console.log(ImageUrl)
 //output: http://127.0.0.1:8080/bundles/price_8a330fe5105f76b9a439f58cce44572c.png
 ```
 
+- Webpack config. Add to `module.rules`
+
+```javascript
+  {
+    test: /\.(bmp|cur|gif|icns|ico|jpeg|png|psd|tiff|webp|svg|dds)(\?[a-z0-9]+)?$/,
+    resourceQuery: /size/,
+    use: [ { loader: 'img-size-loader', } ]
+  },
+```
+
+And in your code: `import ImageSize from './my-logo.png?size'`
+
 ## Dependencies
 - [image-size](https://www.npmjs.com/package/image-size) package

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3151

increased by9.71%

Number of lines in readme file

46

increased by35.29%

No dependency changes