1.0.0 • Published 4 years ago
styled-jsx-plugin-scss v1.0.0
styled-jsx-plugin-sass
Use Sass with styled-jsx 💥
Usage
Install the package first.
npm install --save-dev styled-jsx-plugin-sass
Install the node-sass
or dart-sass
version you need (it is a peer dependency).
npm install --save-dev node-sass
or
npm install --save-dev sass
Next, add styled-jsx-plugin-sass
to the styled-jsx
's plugins
in your babel configuration:
{
"plugins": [["styled-jsx/babel", {"plugins": ["styled-jsx-plugin-sass"]}]]
}
Node-sass options
Node-sass can be configured using sassOptions
. This is useful for setting options such as includePaths
or precision
.
{
"plugins": [
[
"styled-jsx/babel",
{
"plugins": [
[
"styled-jsx-plugin-sass",
{
"sassOptions": {
"includePaths": ["./styles"],
"precision": 2
}
}
]
]
}
]
]
}
Notes
styled-jsx-plugin-sass
uses styled-jsx
's plugin system which is supported from version 2.
Read more on their repository for further info.
License
MIT
1.0.0
4 years ago