vite-plugin-fast-external

vite-plugin-fast-external

🚀 High performance without lexical transform
🌱 Support custom external code

English | 简体中文

• Like Webpack externals, support browser, Node.js and Electron

• With out ast analyze, load virtual files by resolveId-hooks -- Real efficient

• Support customize the code snippets by return string from function -- Real flexible 🎉

Install

npm i vite-plugin-fast-external -D

Usage

import external from 'vite-plugin-fast-external';

export default {
  plugins: [
    external({
      vue: 'Vue',
    })
  ]
}

Customize

Support custom external code by function

external({
  'element-ui': () => `
    const E = window.ELEMENT;
    export { E as default };
    export const Loading = E.Loading;
    export const Message = E.Message;
    export const MessageBox = E.MessageBox;
    export const Notification = E.Notification;
  `,
  // ...other element-ui members
})

Load a file

Support nested module id, support return Promise

resolve({
  'path/filename': () => require('fs/promises').readFile('path', 'utf-8'),
})

API

external(entries)

type entries = Record<string, string | ((id: string) => string | Promise<string>)>;

How to work

In fact, the plugin will intercept your module import and return the specified code snippet
Let's use external({ vue: 'Vue' }) as an example, this will get the below code

const M = window['Vue']; export { M as default }