/next.js

Switch branches/tags
Nothing to show
Find file History
next.js/examples/with-external-scoped-css/
#2110 Compare This branch is 16 commits ahead, 120 commits behind v3-beta.
Latest commit 5187fcd May 27, 2017 @nahue nahue committed with timneutkens add postcss after sass compilation to with-external-scoped-css example ( 
#1640)

* add postcss after sass compilation

* Fix indent

* Fixed mixed tab indent with spaces
Permalink
..
Failed to load latest commit information.
pages add postcss after sass compilation to with-external-scoped-css example ( May 27, 2017
.babelrc add postcss after sass compilation to with-external-scoped-css example ( May 27, 2017
.gitignore Example to create next application with scoped/external css. (#1340) Mar 15, 2017
README.md Add deploy now button to the top of all example READMEs (#1763) Apr 22, 2017
global.sass add postcss after sass compilation to with-external-scoped-css example ( May 27, 2017
package.json add postcss after sass compilation to with-external-scoped-css example ( May 27, 2017
pre-processor.js Example to create next application with scoped/external css. (#1340) Mar 15, 2017

README.md

Deploy to now

Scoped Style with external CSS file

The motivation for this example is using scoped css from external files and in the end generate a compiled static .css file to use in production..

Running That

yarn install
yarn start

Supported Langs

The plugin supports the less, scss and css file extensions. It is possible to add support for another pre-processor by creating a function to compile the code. In the example we use sass as our css pre-processor

To edit the types you need to go to .babelrc

Attention Points

  • Next.js doesn't have support for watching `*.css files. So you will have to edit a Javascript file to re-compile the css. In the future this will be fixed by #823.