Next.js + CSS or Sass + Typescript

next-typed-css@latest Support next.js 7 & 8

next.js 6 plz use [email protected] *

Import .css(.css) files in your Next.js project with TypeScript typings

Fork from next-typed-css and change node-sass to sass.

Installation

npm install --save next-typed-css

or

yarn add next-typed-css

Usage with CSS

Most config same as @zeit/next-css

Difference

Use typings CSS with Typescript

Typing css based on typings-for-css-modules-loader

// next.config.js
const withCSS = require('next-typed-css')
module.exports = withCSS({
  // no need to set 'cssModule: true' again
  tCssModules: true
  ignoreDts: true,
  cssLoaderOptions: {
    // typings-for-css-modules-loader config here
    namedExport: true,
  }
})

Usage with Sass

Most config same as @zeit/next-sass

Difference

Use typings Sass with Typescript

// next.config.js
const withSass = require('next-typed-css/sass')
module.exports = withSass({
  // no need to set 'cssModule: true' again
  tCssModules: true,
   ignoreDts: true,
  cssLoaderOptions: {
    // typings-for-css-modules-loader config here
    namedExport: true
  }
})