Nuxt Nation カンファレンスが開催されます。11月12日~13日にご参加ください。

emotion
@nuxtjs/emotion

Nuxtのための次世代CSS-in-JS

emotion

@nuxtjs/emotion

npm version npm downloads circle ci coverage License

Emotion モジュール for Nuxt.js

特徴

  • サーバーサイドレンダリング (SSR)
  • ハイドレーションによるクリティカルパスCSS
  • ホットリロード (HMR)
  • スタイルのインライン化
  • 縮小化
  • デッドコードの削除
  • ソースマップ
  • コンテキストに応じたクラス名

📖 リリースノート

セットアップ

  1. @nuxtjs/emotion 依存関係をプロジェクトに追加します
yarn add @nuxtjs/emotion # or npm install @nuxtjs/emotion
  1. nuxt.config.jsmodules セクションに @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 を使用して開発サーバーを起動します

ライセンス

MITライセンス

著作権 (c) Nuxt Community