Fork from - styled-jsx-plugin-sass
https://github.com/giuseppeg/styled-jsx-plugin-sass only difference is the sass compiler in this repository is using sass and not node-sass. Node-sass causes trouble on some networks and ci processes due to direct dependency for git repositories instead of npm package. Hence this variation. Original Readme Below
This is repository is forked fromUse Sass with styled-jsx
Usage
Install the package first.
npm install --save-dev styled-jsx-plugin-sass
Install the node-sass
version you need (it is a peer dependency).
npm install --save-dev node-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