{"id":13773895,"url":"https://github.com/weizhenye/rollup-plugin-bundle-scss","last_synced_at":"2025-06-26T03:34:34.771Z","repository":{"id":65412118,"uuid":"217847368","full_name":"weizhenye/rollup-plugin-bundle-scss","owner":"weizhenye","description":"Rollup .scss imports into one bundled .scss file","archived":false,"fork":false,"pushed_at":"2024-04-14T14:34:47.000Z","size":25,"stargazers_count":17,"open_issues_count":1,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-18T01:41:41.380Z","etag":null,"topics":["rollup","scss","vue"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/weizhenye.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2019-10-27T11:50:17.000Z","updated_at":"2024-06-17T03:22:42.000Z","dependencies_parsed_at":"2024-06-18T18:41:03.109Z","dependency_job_id":null,"html_url":"https://github.com/weizhenye/rollup-plugin-bundle-scss","commit_stats":{"total_commits":13,"total_committers":1,"mean_commits":13.0,"dds":0.0,"last_synced_commit":"c7980a42af38ffe7bfcb969f04b9594576c4e631"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/weizhenye/rollup-plugin-bundle-scss","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weizhenye%2Frollup-plugin-bundle-scss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weizhenye%2Frollup-plugin-bundle-scss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weizhenye%2Frollup-plugin-bundle-scss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weizhenye%2Frollup-plugin-bundle-scss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/weizhenye","download_url":"https://codeload.github.com/weizhenye/rollup-plugin-bundle-scss/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weizhenye%2Frollup-plugin-bundle-scss/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261995324,"owners_count":23242191,"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":["rollup","scss","vue"],"created_at":"2024-08-03T17:01:21.390Z","updated_at":"2025-06-26T03:34:34.715Z","avatar_url":"https://github.com/weizhenye.png","language":"JavaScript","funding_links":[],"categories":["Plugins"],"sub_categories":["CSS"],"readme":"# rollup-plugin-bundle-scss\n\n[![GitHub Action](https://github.com/weizhenye/rollup-plugin-bundle-scss/workflows/Node%20CI/badge.svg)](https://github.com/weizhenye/rollup-plugin-bundle-scss/actions?query=workflow%3A%22Node+CI%22)\n[![Node version](https://badgen.net/npm/node/rollup-plugin-bundle-scss?icon=https://simpleicons.now.sh/node-dot-js/fff)](https://nodejs.org)\n[![NPM version](https://badgen.net/npm/v/rollup-plugin-bundle-scss?icon=npm)](https://www.npmjs.com/package/rollup-plugin-bundle-scss)\n[![License](https://badgen.net/npm/license/rollup-plugin-bundle-scss?icon=https://api.iconify.design/octicon:law.svg?color=white)](https://github.com/weizhenye/rollup-plugin-bundle-scss/blob/master/LICENSE)\n\nRollup .scss imports into one bundled .scss file. Supports .vue files.\n\nMaybe you're writing an UI library with SCSS for styles, and you want to bundle all styles in components into one .scss file, so that users can import it and do some custom theming. That's it.\n\nIt dependence on [scss-bundle](https://github.com/reactway/scss-bundle).\n\n## Installation\n\n```bash\nnpm install -D rollup-plugin-bundle-scss\n```\n\n## Usage\n\n```js\nimport bundleScss from 'rollup-plugin-bundle-scss';\n\nexport default {\n  input: 'src/index.js',\n  output: {\n    file: 'dist/index.js',\n    format: 'esm',\n  },\n  plugins: [\n    // output to dist/index.scss\n    bundleScss(),\n    // output to dist/foo.scss\n    // bundleScss({ output: 'foo.scss' }),\n  ],\n};\n```\n\nUsing with Vue 2 by [rollup-plugin-vue@5](https://github.com/vuejs/rollup-plugin-vue):\n\n```js\nimport bundleScss from 'rollup-plugin-bundle-scss';\nimport commonjs from 'rollup-plugin-commonjs';\nimport vue from 'rollup-plugin-vue';\n\nexport default {\n  input: 'src/App.vue',\n  output: {\n    file: 'dist/index.js',\n    format: 'esm',\n  },\n  plugins: [\n    // required by rollup-plugin-vue\n    commonjs(),\n    // put it before vue()\n    bundleScss(),\n    vue(),\n  ],\n};\n```\n\nUsing with Vue 3 by [rollup-plugin-vue@6](https://github.com/vuejs/rollup-plugin-vue):\n\n```js\nimport bundleScss from 'rollup-plugin-bundle-scss';\nimport vue from 'rollup-plugin-vue';\n\nexport default {\n  input: 'src/App.vue',\n  output: {\n    file: 'dist/index.js',\n    format: 'esm',\n  },\n  plugins: [\n    vue(),\n    // put it after vue()\n    bundleScss(),\n  ],\n};\n\n```\n\nUsing with [rollup-plugin-postcss](https://github.com/egoist/rollup-plugin-postcss):\n\n```js\nimport bundleScss from 'rollup-plugin-bundle-scss';\nimport postcss from 'rollup-plugin-postcss';\n\nexport default {\n  input: 'src/index.js',\n  output: {\n    file: 'dist/index.js',\n    format: 'esm',\n  },\n  plugins: [\n    // put it before postcss(), and set exclusive to false\n    bundleScss({ exclusive: false }),\n    postcss({\n      // ...\n    }),\n  ],\n};\n```\n\n## API\n\n```js\nbundleScss({\n  // where to output bundled SCSS file\n  output: String,\n\n  // Whether SCSS file is exclusive to rollup-plugin-bundle-scss.\n  // Defalut value: true\n  // Set it to false when there're other plugin to handle SCSS file after bundleScss()\n  exclusive: Boolean,\n\n  // bundlerOptions will be passed into `scss-bundle` package,\n  // see document here https://github.com/reactway/scss-bundle\n  bundlerOptions: {\n    // If tilde import is used, `project` is required for finding `node_modules`\n    project: String,\n    dedupeGlobs: String[],\n    includePaths: String[],\n    ignoreImports: String[],\n  },\n})\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweizhenye%2Frollup-plugin-bundle-scss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweizhenye%2Frollup-plugin-bundle-scss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweizhenye%2Frollup-plugin-bundle-scss/lists"}