README
@snowpack/plugin-optimize
Optimize your unbundled Snowpack app:
- ✅ Minify HTML
- ✅ Minify CSS
- ✅ Minify JS
- ✅ Transpile JS
- ✅ [Preload JS Modules][https://developers.google.com/web/updates/2017/12/modulepreload]
Usage
From a terminal, run the following:
npm install --save-dev @snowpack/plugin-optimize
Then add this plugin to your Snowpack config:
// snowpack.config.json
{
"plugins": [
["@snowpack/plugin-optimize", { /* see options below */ }]
]
}
Plugin Options
| Name | Type | Description |
|---|---|---|
minifyJS |
boolean |
Enable JS minification (default: true) |
minifyCSS |
boolean |
Enable CSS minification (default: true) |
minifyHTML |
boolean |
Enable HTML minification (default: true) |
preloadModules |
boolean |
Experimental: Add deep, optimized <link rel="modulepreload"> tags into your HTML. (default: false) |
preloadCSS |
boolean |
Experimental: Eliminate .css.proxy.js files and combine imported CSS into one file for better network performance (default: false) |
preloadCSSFileName |
string |
If preloading CSS, change the name of the generated CSS file. Used only in conjunction with preloadCSS: true (default: /imported-styles.css) |
target |
string,string[] |
The language target(s) to transpile to. This can be a single string (ex: "es2018") or an array of strings (ex: ["chrome58","firefox57"]). If undefined, no transpilation will be done. See esbuild documentation for more. |