Skip to content

Import `.css .scss` files in your Next.js project with typed css or sass

Notifications You must be signed in to change notification settings

xinxinhe1810/next-typed-css

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Next.js + CSS or Sass + Typescript

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

next.js 6 plz use next-typed-css@0.2.1 *

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

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

https://s0.meituan.net/bs/tempfs/file/zhongguoxin/cap1.gif

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
  }
})

About

Import `.css .scss` files in your Next.js project with typed css or sass

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%