1. vite-plugin-lib
Vite plugin for build configuration, automatic aliases, and type declarations.
vite-plugin-lib
Package: vite-plugin-lib
Created by: DerYeger
Last modified: Wed, 03 Apr 2024 11:15:44 GMT
Version: 2.0.9
License: MIT
Downloads: 1,887
Repository: https://github.com/DerYeger/yeger

Install

npm install vite-plugin-lib
yarn add vite-plugin-lib

vite-plugin-lib

Vite plugin for build configuration, automatic aliases, and type declarations.

npm

Features

  • Automatic aliases based on tsconfig.json
  • Automatic build configuration
  • Type declaration generation based on vite-plugin-dts.

Installation

 yarn add -D vite-plugin-lib

Usage

This highly opinionated all-in one Vite plugin enables automatic alias configuration based on tsconfig.json paths, library export configuration, and type declaration generation.

Aliases

 import { defineConfig } from 'vite'
import { tsconfigPaths } from 'vite-plugin-lib'

export default defineConfig({
  plugins: [tsconfigPaths()],
})

Library

The library plugin includes the alias plugin, configures build settings, and generates .d.ts files.

 import { defineConfig } from 'vite'
import { library } from 'vite-plugin-lib'

export default defineConfig({
  plugins: [
    library({
      entry: 'src/index.ts', // file name determines output file names, default is 'src/index.ts'
      formats: ['es'], // optional, default is ['es']
      name: 'YourGlobalUMDName', // optional if format does not include 'umd' or 'iife'
      external: ['some-package'], // optional, default is all node_modules and builtin modules
      manifest: 'package.json', // relative path to package.json, default is package.json
    }),
  ],
})

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