Research
Security News
Malicious npm Packages Inject SSH Backdoors via Typosquatted Libraries
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
rollup-plugin-bundle-scss
Advanced tools
Rollup .scss imports into one bundled .scss file. Supports .vue files.
Maybe 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.
It dependence on scss-bundle.
npm install -D rollup-plugin-bundle-scss
import bundleScss from 'rollup-plugin-bundle-scss';
export default {
input: 'src/index.js',
output: {
file: 'dist/index.js',
format: 'esm',
},
plugins: [
// output to dist/index.scss
bundleScss(),
// output to dist/foo.scss
// bundleScss({ output: 'foo.scss' }),
],
};
Using with rollup-plugin-vue:
import bundleScss from 'rollup-plugin-bundle-scss';
import commonjs from 'rollup-plugin-commonjs';
import vue from 'rollup-plugin-vue';
export default {
input: 'src/App.vue',
output: {
file: 'dist/index.js',
format: 'esm',
},
plugins: [
// required by rollup-plugin-vue
commonjs(),
// put it before vue()
bundleScss(),
vue(),
],
};
Using with rollup-plugin-postcss:
import bundleScss from 'rollup-plugin-bundle-scss';
import postcss from 'rollup-plugin-postcss';
export default {
input: 'src/index.js',
output: {
file: 'dist/index.js',
format: 'esm',
},
plugins: [
// put it before postcss(), and set exclusive to false
bundleScss({ exclusive: false }),
postcss({
// ...
}),
],
};
bundleScss({
// where to output bundled SCSS file
output: String,
// Whether SCSS file is exclusive to rollup-plugin-bundle-scss.
// Defalut value: true
// Set it to false when there're other plugin to handle SCSS file after bundleScss()
exclusive: Boolean,
// bundlerOptions will be passed into `scss-bundle` package,
// see document here https://github.com/reactway/scss-bundle
bundlerOptions: {
// If tilde import is used, `project` is required for finding `node_modules`
project: String,
dedupeGlobs: String[],
includePaths: String[],
ignoreImports: String[],
},
})
FAQs
Rollup .scss imports into one bundled .scss file
The npm package rollup-plugin-bundle-scss receives a total of 679 weekly downloads. As such, rollup-plugin-bundle-scss popularity was classified as not popular.
We found that rollup-plugin-bundle-scss demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
Security News
MITRE's 2024 CWE Top 25 highlights critical software vulnerabilities like XSS, SQL Injection, and CSRF, reflecting shifts due to a refined ranking methodology.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.