透過超過 100 個技巧的集合來學習 Nuxt!

emotion
@nuxtjs/emotion

適用於 Nuxt 的下一代 CSS-in-JS

emotion

@nuxtjs/emotion

npm version npm downloads circle ci coverage License

Emotion 模組,適用於 Nuxt.js

功能

  • 伺服器端渲染 (SSR)
  • 使用 Hydration 的關鍵路徑 CSS
  • 熱重載 (HMR)
  • 樣式內聯
  • 最小化
  • 死碼消除
  • 原始碼對應
  • 上下文類別名稱

📖 發行說明

設定

  1. @nuxtjs/emotion 相依性新增至您的專案
yarn add @nuxtjs/emotion # or npm install @nuxtjs/emotion
  1. @nuxtjs/emotion 新增至 nuxt.config.jsmodules 區段
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 installnpm install 安裝相依性
  • 使用 npm run dev 啟動開發伺服器

許可證

MIT 許可證

版權所有 (c) Nuxt Community