@nuxtjs/emotion
特徴
- サーバーサイドレンダリング (SSR)
- ハイドレーションによるクリティカルパスCSS
- ホットリロード (HMR)
- スタイルのインライン化
- 縮小化
- デッドコードの削除
- ソースマップ
- コンテキストに応じたクラス名
セットアップ
@nuxtjs/emotion
依存関係をプロジェクトに追加します
yarn add @nuxtjs/emotion # or npm install @nuxtjs/emotion
nuxt.config.js
のmodules
セクションに@nuxtjs/emotion
を追加します
export default {
modules: [
'@nuxtjs/emotion',
]
}
Nuxt 2
Nuxt 2 は @nuxtjs/emotion@0.1.0
でサポートされています。ドキュメントは https://github.com/nuxt-community/emotion-module/tree/v0 に、コードは v0
ブランチにあります。
開発
- このリポジトリをクローンします
yarn install
またはnpm install
を使用して依存関係をインストールしますnpm run dev
を使用して開発サーバーを起動します
ライセンス
著作権 (c) Nuxt Community