Security News
GitHub Removes Malicious Pull Requests Targeting Open Source Repositories
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.
@webpack-blocks/sass
Advanced tools
This is the sass
block providing Sass support for webpack. Uses node-sass
via sass-loader
.
const { createConfig, match } = require('@webpack-blocks/webpack')
const { css } = require('@webpack-blocks/assets')
const sass = require('@webpack-blocks/sass')
module.exports = createConfig([
match(['*.scss', '!*node_modules*'], [
css(),
sass({ sassOptions: {/* node-sass options */} })
])
])
NOTE: Use match() here to apply the css() block to .scss
files.
You can pass any sass-loader as an object to the
sass
block. For example you can pass
node-sass options in the sassOptions
property.
Use the extract-text
block to extract the compiled SASS/SCSS styles into a separate CSS file:
const { createConfig, match, env } = require('@webpack-blocks/webpack')
const { css } = require('@webpack-blocks/assets')
const sass = require('@webpack-blocks/sass')
const extractText = require('@webpack-blocks/extract-text')
module.exports = createConfig([
match('*.scss', [
css(),
sass(),
env('production', [extractText()])
])
])
Make sure you use the extract-text
block after the sass
block.
You can use SASS/SCSS in combination with CSS modules.
const { createConfig, match } = require('@webpack-blocks/webpack')
const { css } = require('@webpack-blocks/assets')
const sass = require('@webpack-blocks/sass')
module.exports = createConfig([
match('*.scss', [
css.modules(),
sass()
])
])
You can use the SASS block together with PostCSS (using the postcss
block) and its plugins, like
the Autoprefixer, or
cssnano if you want css minification.
const { createConfig, match } = require('@webpack-blocks/webpack')
const { css } = require('@webpack-blocks/assets')
const sass = require('@webpack-blocks/sass')
const postcss = require('@webpack-blocks/postcss')
const autoprefixer = require('autoprefixer')
const cssnano = require('cssnano')
module.exports = createConfig([
match('*.scss', [
css(),
sass(),
postcss([autoprefixer(), cssnano()])
])
])
Check out the
Released under the terms of the MIT license.
FAQs
Webpack block for SASS.
The npm package @webpack-blocks/sass receives a total of 175 weekly downloads. As such, @webpack-blocks/sass popularity was classified as not popular.
We found that @webpack-blocks/sass demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers 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.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.
Security News
RubyGems.org has added a new "maintainer" role that allows for publishing new versions of gems. This new permission type is aimed at improving security for gem owners and the service overall.
Security News
Node.js will be enforcing stricter semver-major PR policies a month before major releases to enhance stability and ensure reliable release candidates.