Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/markthree/nuxt-style-extractor

Extracts the style of the page as an external css when rendered on the server side | 提取服务端渲染时页面的 style 为外部 css
https://github.com/markthree/nuxt-style-extractor

css extractor nuxt optimization style

Last synced: about 1 month ago
JSON representation

Extracts the style of the page as an external css when rendered on the server side | 提取服务端渲染时页面的 style 为外部 css

Awesome Lists containing this project

README

        

# nuxt-style-extractor

Extracts the style of the page as an external css when rendered on the server
side


## README 🦉

[简体中文](./README_CN.md) | English


## Motivation

Faster rendering and more readable seo


## Features

- 🚠  Optimal Caching
- ⛰  Supports all rendering modes, spa, ssg, ssr and ssr with
pre-rendering.
- 🌲  Intelligent minification extraction, removing unused styles from the
page, merging duplicate styles


## Quick Setup

### Install the module

```bash
npm i nuxt-style-extractor
```

### Setup Module

```ts
// nuxt.config.ts
export default defineNuxtConfig({
modules: ["nuxt-style-extractor"],
});
```

That's all. Everything's automatic.