Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/markthree/nuxt-style-extractor
- Owner: markthree
- Created: 2024-08-16T14:03:33.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-28T09:48:29.000Z (2 months ago)
- Last Synced: 2024-09-18T17:15:11.196Z (about 2 months ago)
- Topics: css, extractor, nuxt, optimization, style
- Language: TypeScript
- Homepage:
- Size: 110 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
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.