Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jarweb/resourcehints-webpack-plugin
a webpack@4x plugin for resource hints
https://github.com/jarweb/resourcehints-webpack-plugin
dns-prefetch preconnect prefetch preload resource-hints webpack-plugin
Last synced: 3 days ago
JSON representation
a webpack@4x plugin for resource hints
- Host: GitHub
- URL: https://github.com/jarweb/resourcehints-webpack-plugin
- Owner: Jarweb
- Created: 2020-03-24T07:22:28.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-04T08:11:59.000Z (almost 2 years ago)
- Last Synced: 2025-01-05T00:37:44.030Z (23 days ago)
- Topics: dns-prefetch, preconnect, prefetch, preload, resource-hints, webpack-plugin
- Language: JavaScript
- Size: 232 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## install
support webpack 4x
```
npm i @jarzzzi/resourcehints-webpack-plugin --save-dev
```
## plugin options
+ excludeHtml
- {Array}|undefined
- 排除的 html 页面
+ exclude
- {Array}|undefined
- 排除的 chunk
+ includ
- string|{Array}|undefined
- all
- initial
- async
- 指定的 chunk
+ rel
- string
- dns-prefetch
- preconnect
- preload
- prefetch
+ as
- string
- image, font, style, script, fetch, audio, video, worker, document, object, embed, track
- 相应的 as
## about resource hints
- dns-prefetch： 提前解析 dns
- preconnect： 提前链接
- preload： 提前加载当前页面资源
- prefetch： 当前页面空闲时，提前加载下一页面资源
- prerender： chrome 已废弃
- subresource： chrome 已废弃
## demo
```
new ResourceHitWebpackPlugin({
rel: 'dns-prefetch',
include: [
'//www.baidu.com',
],
}),
new ResourceHitWebpackPlugin({
rel: 'preconnect',
include: [
'//www.baidu.com',
],
}),
new ResourceHitWebpackPlugin({
rel: 'prefetch',
exclude: ['chunk-one'],
}),
new ResourceHitWebpackPlugin({
rel: 'preload',
include: 'async',
exclude: ['chunk-one'],
}),
new ResourceHitWebpackPlugin({
rel: 'preload',
include: 'initial',
exclude: ['chunk-one'],
excludeHtml: ['demo-page'],
}),
new ResourceHitWebpackPlugin({
rel: 'preload',
include: 'all',
exclude: ['chunk-one'],
excludeHtml: ['demo-page'],
}),
new ResourceHitWebpackPlugin({
rel: 'preload',
as: 'script',
include: ['vendor', 'polyfill', 'common-lib'],
}),
new ResourceHitWebpackPlugin({
rel: 'preload',
as: 'font',
include: ['yahei'],
}),
```