Prerequisites:
- If you use Next.JS at least version 9.3.x
- React and React-dom (16.13.x)
- npm install sass (latest implementation dart-sass)
- There is no need to use preprocessors like node-sass-chockidar. React team has built in the sass-loader in last updates.
Use prensa on your project:
- npm install prensa
- Create index.scss file (here you can redefine tokens [@forward 'prensa/styles']
- Import prensa router in your index.scss file [@forward 'prensa/styles/router.scss']
- Create router.scss file (here goes all imports from your components [@forward 'path-to-component']
- Import router.scss in your root index.js file (pages.js for next)
- For every file SCSS you want to use the prensa you must
@use 'path-to-your-index.scss' as *;
Lear about dart-sass implementation: