@fast-tools/preconnect-auto-insert

---

A very tiny webpack plugin which can insert preconnect & dns-prefetch link tags automatically into your html head tag, improving your website first screen loading speed. If you want to know more about how it works, see this page

See website for more information or the issues associated with this package.

Install

---

Using npm:

npm install --save-dev @fast-tools/preconnect-auto-insert

or using yarn:

yarn add --dev @fast-tools/preconnect-auto-insert

Basic Usage

---

Include the following in your webpack config:

1const { PreconnectTools } = require('@fast-tool/preconnect-auto-insert');
2
3module.exports = {
4  plugins: [
5    /*
6    Basically, it doesn't need an optional hash param, because the plugin will analysis all domains that will be used in the first screen and insert the link tags at the head tag to ensure it can work.
7    But if you want, you can add domain (as a string or a domain array) that you want insert or ignore.
8    */
9    new PreconnectTools({
10      customDomains: '', // some domains you want to add
11      ignoreDomains: '' // some domains you want to ignore
12    })
13  ]
14};

Options

---

You can pass a hash of configuration options to preconnect-auto-insert. Allowed values are as follows:

name	type	default	description
customDomains	string | string[]	''	domains that you want to add
ignoreDomains	string | string[]	''	domains that you want to ignore