vue-cli-plugin-sugarss
SugarSS support for the projects created with @vue/cli. Lints SASS and Stylus.
Installation
According to this you are able to install community plugins as follows:
vue add sugarss
Usage
You can just go with file.sss
and/or style[lang=sss]
as it is shown below.
PostCSS plugins
This plugin use it's custom webpack rule named sss
. So in order to add some options (including plugins) to postcss-loader
(or vue-style-loader
, or css-loader
) you need chain existing webpack rule in vue.config.js
like this:
$ npm i -D <plugin>$ npm i -D <another-plugin>
// vue.config.jsmoduleexports = { configmodule ; }
postcss-nested
& postcss-nested-props
You should require('post-css-nested-props')
before require('postcss-nested')
when pushing them to plugins.