Registry / devops / rollup-plugin-bundle-scss

rollup-plugin-bundle-scss

JSON →
library0.1.3jsnpmunverified

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.

devops
npm install rollup-plugin-bundle-scss
github ↗package ↗
INSTALL
IMPORT
SIG · ROLLUP-PLUGIN-BUND
R
rollup-plugin-bundle-scss
devopsjavascriptv0.1.3
Install
—
Import
—
Disk
—
Pass rate
0/ 6
Env Coverage0 / 6
glibc
18–22
musl
18–22
Install & Compatibility
Where this runs
tested against v? · npm install
Install × environment matrix
Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux
musl
node 18–223 runs
build_error
glibc
node 18–223 runs
build_error
Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

default
✓ import bundleScss from 'rollup-plugin-bundle-scss'
✗ const bundleScss = require('rollup-plugin-bundle-scss')
Plugin exports a default function. CJS require works but ESM is preferred.

Basic Rollup config showing how to use the plugin to bundle SCSS into a single file.

import bundleScss from 'rollup-plugin-bundle-scss'; export default { input: 'src/index.js', output: { file: 'dist/index.js', format: 'esm' }, plugins: [ bundleScss({ output: 'bundle.scss' }) ] };
Debug
Known issues
gotchaPlugin 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().
fix
Ensure correct order as per Vue version.
affects: >=0.1.0
gotchaWhen using with rollup-plugin-postcss, set exclusive: false to allow both plugins to handle SCSS files.
fix
Add exclusive: false to bundleScss options and place it before postcss.
affects: >=0.1.0
deprecatedThe plugin uses scss-bundle which is no longer actively maintained. There is no indication of future updates.
fix
Consider migrating to a more actively maintained solution if needed.
affects: >=0.1.0
Errors
Common errors & fixes
Error: vue-template-compiler imported by rollup-plugin-bundle-scss will not throw error when Vue version is mismatch
Vue template compiler version mismatch when using with rollup-plugin-vue.
fix
Ensure vue and vue-template-compiler versions match; update to v0.1.3 which handles this gracefully.
Cannot find module 'scss-bundle'
scss-bundle is not installed as a direct dependency.
fix
Run npm install scss-bundle --save-dev
Upgrade
Version history
0.1.3latest on npm
Audit
Dependencies
scss-bundlerequiredCore dependency for resolving and bundling SCSS imports
Agent activity
7 hits · last 30 days
node
6
Resources
githubhttps://github.com/weizhenye/rollup-plugin-bundle-scss ↗
packagehttps://www.npmjs.com/package/rollup-plugin-bundle-scss ↗
rollup-plugin-bundle-scss — npm install rollup-plugin-bundle-scss · libregistry