{"id":21942,"library":"rollup-plugin-bundle-scss","title":"rollup-plugin-bundle-scss","description":"Rollup plugin that bundles imported .scss files and .vue component styles into a single .scss output file. Version 0.1.3 is the latest stable release, with irregular updates. It relies on scss-bundle for resolution and supports Vue 2 and Vue 3 via rollup-plugin-vue, as well as coexistence with rollup-plugin-postcss via the `exclusive` option. Compared to alternatives like rollup-plugin-scss or rollup-plugin-postcss, this plugin outputs raw SCSS (not compiled CSS) and is specifically designed for library authors who want to distribute themable SCSS sources.","status":"active","version":"0.1.3","language":"javascript","source_language":"en","source_url":"https://github.com/weizhenye/rollup-plugin-bundle-scss","tags":["javascript","rollup-plugin","scss","vue"],"install":[{"cmd":"npm install rollup-plugin-bundle-scss","lang":"bash","label":"npm"},{"cmd":"yarn add rollup-plugin-bundle-scss","lang":"bash","label":"yarn"},{"cmd":"pnpm add rollup-plugin-bundle-scss","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Core dependency for resolving and bundling SCSS imports","package":"scss-bundle","optional":false}],"imports":[{"note":"Plugin exports a default function. CJS require works but ESM is preferred.","wrong":"const bundleScss = require('rollup-plugin-bundle-scss')","symbol":"default","correct":"import bundleScss from 'rollup-plugin-bundle-scss'"}],"quickstart":{"code":"import 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    bundleScss({ output: 'bundle.scss' })\n  ]\n};\n","lang":"typescript","description":"Basic Rollup config showing how to use the plugin to bundle SCSS into a single file."},"warnings":[{"fix":"Ensure correct order as per Vue version.","message":"Plugin order matters with rollup-plugin-vue: for Vue 2 (rollup-plugin-vue@5) place bundleScss before vue(); for Vue 3 (rollup-plugin-vue@6) place after vue().","severity":"gotcha","affected_versions":">=0.1.0"},{"fix":"Add exclusive: false to bundleScss options and place it before postcss.","message":"When using with rollup-plugin-postcss, set exclusive: false to allow both plugins to handle SCSS files.","severity":"gotcha","affected_versions":">=0.1.0"},{"fix":"Consider migrating to a more actively maintained solution if needed.","message":"The plugin uses scss-bundle which is no longer actively maintained. There is no indication of future updates.","severity":"deprecated","affected_versions":">=0.1.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Ensure vue and vue-template-compiler versions match; update to v0.1.3 which handles this gracefully.","cause":"Vue template compiler version mismatch when using with rollup-plugin-vue.","error":"Error: vue-template-compiler imported by rollup-plugin-bundle-scss will not throw error when Vue version is mismatch"},{"fix":"Run npm install scss-bundle --save-dev","cause":"scss-bundle is not installed as a direct dependency.","error":"Cannot find module 'scss-bundle'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}