{"id":15463134,"url":"https://github.com/cxspxr/vue-cli-plugin-sugarss","last_synced_at":"2026-04-09T12:58:55.435Z","repository":{"id":57395229,"uuid":"150913123","full_name":"cxspxr/vue-cli-plugin-sugarss","owner":"cxspxr","description":":strawberry: SugarSS support for vue-cli projects","archived":false,"fork":false,"pushed_at":"2020-07-12T20:39:02.000Z","size":9,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-29T21:11:31.205Z","etag":null,"topics":["postcss","sass","stylus","sugarss","vue","vue-cli","vue-cli-plugin","webpack"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/vue-cli-plugin-sugarss","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cxspxr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-09-30T00:11:01.000Z","updated_at":"2022-07-06T17:04:17.000Z","dependencies_parsed_at":"2022-09-02T17:09:01.497Z","dependency_job_id":null,"html_url":"https://github.com/cxspxr/vue-cli-plugin-sugarss","commit_stats":null,"previous_names":["cxsper/vue-cli-plugin-sugarss"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cxspxr%2Fvue-cli-plugin-sugarss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cxspxr%2Fvue-cli-plugin-sugarss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cxspxr%2Fvue-cli-plugin-sugarss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cxspxr%2Fvue-cli-plugin-sugarss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cxspxr","download_url":"https://codeload.github.com/cxspxr/vue-cli-plugin-sugarss/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246018072,"owners_count":20710305,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["postcss","sass","stylus","sugarss","vue","vue-cli","vue-cli-plugin","webpack"],"created_at":"2024-10-02T00:07:22.100Z","updated_at":"2025-12-30T23:20:10.453Z","avatar_url":"https://github.com/cxspxr.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-cli-plugin-sugarss\n\n[SugarSS](https://github.com/postcss/sugarss) support for the projects created with [@vue/cli](https://github.com/vuejs/vue-cli). Lints [SASS](https://github.com/sass/sass) and [Stylus](https://github.com/stylus/stylus).\n\n## Installation\n\nAccording to [this](https://cli.vuejs.org/guide/plugins-and-presets.html#installing-plugins-in-an-existing-project) you are able to install community plugins as follows:\n\n```shell\nvue add sugarss\n```\n\n## Usage\n\nYou can just go with `file.sss` and/or `style[lang=sss]` as it is shown below.\n\n```html\n\u003cstyle lang=\"sss\"\u003e\n\nbody\n  color: red\n\n\u003c/style\u003e\n```\n\n## PostCSS plugins\n\nThis 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:\n\n```bash\n$ npm i -D \u003cplugin\u003e\n$ npm i -D \u003canother-plugin\u003e\n```\n\n```javascript\n// vue.config.js\nmodule.exports = {\n  chainWebpack: config =\u003e {\n    config.module.rule('sss')\n      .use('postcss-loader')\n        .loader('postcss-loader')\n        .tap(opts =\u003e {\n          opts.plugins.push(\n            // in some order you want\n            require('\u003cplugin\u003e'),\n            require('\u003canother plugin\u003e')\n          );\n\n          // You can change or set any property\n          // opts.parser = 'sugarss';\n\n          return opts;\n        });\n  }\n}\n```\n\n### `postcss-nested` \u0026 `postcss-nested-props`\n\nYou should `require('post-css-nested-props')` before `require('postcss-nested')` when pushing them to plugins.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcxspxr%2Fvue-cli-plugin-sugarss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcxspxr%2Fvue-cli-plugin-sugarss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcxspxr%2Fvue-cli-plugin-sugarss/lists"}