Plugin to add Sass support to styled-jsx
npm install styled-jsx-plugin-sass
Use Sass with styled-jsx 💥
Install the package first.
``bash`
npm install --save-dev styled-jsx-plugin-sass
Install the node-sass version you need (it is a peer dependency).
`bash`
npm install --save-dev node-sass
Next, add styled-jsx-plugin-sass to the styled-jsx's plugins in your babel configuration:
`json`
{
"plugins": [
[
"styled-jsx/babel",
{ "plugins": ["styled-jsx-plugin-sass"] }
]
]
}
Node-sass can be configured using sassOptions. This is useful for setting options such as includePaths or precision.
`json`
{
"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.
MIT