1. min-1px
A 1 pixel transparent min image.
min-1px
Package: min-1px
Created by: Lete114
Last modified: Wed, 15 Jun 2022 09:52:07 GMT
Version: 1.0.0
License: MIT
Downloads: 372
Repository: https://github.com/Lete114/min-1px

Install

npm install min-1px
yarn add min-1px

Usage

Browser CDN

 <!-- Base64 -->
<script src="https://cdn.jsdelivr.net/npm/min-1px"></script>
<script>
  const img1 = document.createElement('img')
  img1.src = px.GIF
  document.body.appendChild(img1)

  //  PNG
  const img2 = document.createElement('img')
  img2.src = px.png
  document.body.appendChild(img2)
</script>

<!-- Image -->

<img src="https://cdn.jsdelivr.net/npm/min-1px/dist/1px.gif" alt="min-1px GIF" />
<img src="https://cdn.jsdelivr.net/npm/min-1px/dist/1px.png" alt="min-1px PNG" />

ESModule Modules

 import px from 'min-1px'
import gif from 'min-1px/dist/1px.gif' // image
import png from 'min-1px/dist/1px.png' // image
console.log(px.GIF) // base64
console.log(px.PNG) // base64

CommonJS Modules

 const px = require('min-1px')
const gif = require('min-1px/dist/1px.gif') // image
const png = require('min-1px/dist/1px.png') // image
console.log(px.GIF) // base64
console.log(px.PNG) // base64

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin