{"id":19274006,"url":"https://github.com/rintoj/razzle-plugin-scss","last_synced_at":"2025-09-03T13:14:02.342Z","repository":{"id":90422217,"uuid":"282053624","full_name":"rintoj/razzle-plugin-scss","owner":"rintoj","description":null,"archived":false,"fork":false,"pushed_at":"2020-07-23T20:55:36.000Z","size":3,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-05T14:29:34.717Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/rintoj.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-07-23T20:55:06.000Z","updated_at":"2020-07-23T20:55:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"2ccff1d1-60b5-4e24-92a9-47667afd234e","html_url":"https://github.com/rintoj/razzle-plugin-scss","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rintoj%2Frazzle-plugin-scss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rintoj%2Frazzle-plugin-scss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rintoj%2Frazzle-plugin-scss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rintoj%2Frazzle-plugin-scss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rintoj","download_url":"https://codeload.github.com/rintoj/razzle-plugin-scss/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240378873,"owners_count":19792039,"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":[],"created_at":"2024-11-09T20:44:48.511Z","updated_at":"2025-02-23T20:45:15.619Z","avatar_url":"https://github.com/rintoj.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# razzle-plugin-scss\n\nThis package contains a plugin for using [SCSS/SASS](https://sass-lang.com/) with Razzle\n\n## Usage in Razzle Projects\n\n```bash\nyarn add razzle-plugin-scss --dev\n```\n\n### With the default options\n\n```js\n// razzle.config.js\n\nmodule.exports = {\n  plugins: ['scss'],\n};\n```\nFiles with an ending in the name *.module.scss and *.module.sass will load as cssModules\n\nexample:\n\n```jsx\nimport s from './myfile.module.scss'\n```\n---\n\n### With custom options\n\n```js\n// razzle.config.js\n\nmodule.exports = {\n  plugins: [\n    {\n      name: 'scss',\n      options: {\n        postcss: {\n          dev: {\n            sourceMap: false,\n          },\n        },\n      },\n    }\n  ],\n};\n```\n\n## Options\n\nPlease remember that custom options will extends default options using `Object.assign`.\nArray such as postcss.plugins __WILL NOT BE EXTENDED OR CONCATED__, it will override all default plugins.\n\n---\n\n### postcss: _object_\n\ndefault\n\n```js\n{\n  dev: {\n    sourceMap: true,\n    ident: 'postcss',\n  },\n  prod: {\n    sourceMap: false,\n    ident: 'postcss',\n  },\n  plugins: [\n    PostCssFlexBugFixes,\n    autoprefixer({\n      browsers: ['\u003e1%', 'last 4 versions', 'Firefox ESR', 'not ie \u003c 9'],\n      flexbox: 'no-2009',\n    }),\n  ],\n}\n```\n\nSet `dev` to add config to postcss in `development`.\nSet `prod` to add config to postcss in `production`.\n\nSee [postcss loader options](https://github.com/postcss/postcss-loader#options) to override configs.\n\n---\n\n### sass: _object_\n\ndefault\n\n```js\n{\n  dev: {\n    sourceMap: true,\n    includePaths: [paths.appNodeModules],\n  },\n  prod: {\n    sourceMap: false,\n    includePaths: [paths.appNodeModules],\n  },\n}\n```\n\nSet `dev` to add config to postcss in `development`.\nSet `prod` to add config to postcss in `production`.\n\nSee [node-sass options](https://github.com/sass/node-sass#options) to override configs.\n\n---\n\n### sassModules: _object_\n\ndefault\n\n```js\n{\n  dev: {\n    sourceMap: true,\n    includePaths: [paths.appNodeModules],\n    modules: true\n  },\n  prod: {\n    sourceMap: false,\n    includePaths: [paths.appNodeModules],\n    modules: true\n  },\n}\n```\n\nSet `dev` to add config to postcss in `development`.\nSet `prod` to add config to postcss in `production`.\n\nSee [node-sass options](https://github.com/sass/node-sass#options) to override configs.\n\n---\n### css: _object_\n\ndefault\n\n```js\n{\n  dev: {\n    sourceMap: true,\n    importLoaders: 1,\n    modules: false,\n  },\n  prod: {\n    sourceMap: false,\n    importLoaders: 1,\n    modules: false,\n    minimize: true,\n  },\n}\n```\n\nSet `dev` to add config to postcss in `development`.\nSet `prod` to add config to postcss in `production`.\n\nSee [css loader options](https://github.com/webpack-contrib/css-loader#options) to override configs.\n\n---\n\n#### style: _object_\n\ndefault\n\n```js\n{}\n```\n\nStyle loader only used in `development` environment.\n\nSee [style loader options](https://github.com/webpack-contrib/style-loader#options) to override configs.\n\n#### resolveUrl: _object_\n\ndefault\n\n```js\n{\n  dev: {},\n  prod: {},\n}\n```\n\nSet `dev` to add config to postcss in `development`.\nSet `prod` to add config to postcss in `production`.\n\nSee [resolve url loader options](https://github.com/bholloway/resolve-url-loader#options) to override configs.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frintoj%2Frazzle-plugin-scss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frintoj%2Frazzle-plugin-scss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frintoj%2Frazzle-plugin-scss/lists"}