vite-plugin-bundle-prefetch

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #go #golang #machine-learning #docker #awesome #vue #awesome-list #security #ios #openai #open-source

vite-plugin-bundle-prefetch

(★ 20)

A vite plugin for prefetching resources

vite-plugin-bundle-prefetch 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vite-plugin-bundle-prefetch

## Why

there is no official rollup/vite plugin to work as the webpack prefetch plugin, we just have `preload` in vite, but we really need the prefetch for some Scenario.

## How

some steps taken by `vite-plugin-bundle-prefetch`

- get all bundles which will include the assetsDir
- filter the target files (rm .map file or ignore the legacy build)
- get the final output html file content
- append the `<link rel="prefetch" href="xxxx">` in `head`

## Usage

- `npm i vite-plugin-bundle-prefetch -D`
- import in your vite.config.ts

```ts
// vite.config.js
import prefetchPlugin from 'vite-plugin-bundle-prefetch';

export default {
  plugins: [prefetchPlugin()],
};
```

## Options

### excludeFn

- **Type**:`Function(assetName:string)=>boolean`
- **Default**: `undefined`
- **Desc**: provide the customized method to exclude the files which will be added in index.html

```ts
export default {
  plugins: [
    prefetchPlugin({
      excludeFn: (assetName) => {
        return assetName.includes('ApproveRecords');
      },
    }),
  ],
};
```

vite-plugin-bundle-prefetch

vite-plugin-bundle-prefetch 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

vite-plugin-bundle-prefetch

vite-plugin-bundle-prefetch 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README