/eleventy-plugin-sass

A plugin for sass support in Eleventy

Primary LanguageJavaScriptMIT LicenseMIT

eleventy-plugin-sass

A plugin that adds sass support to Eleventy

Installation

Available on npm.

npm install eleventy-plugin-sass --save

Open up your Eleventy config file (probably .eleventy.js) and use addPlugin:

const pluginSass = require("eleventy-plugin-sass");
module.exports = function(eleventyConfig) {
  eleventyConfig.addPlugin(pluginSass, sassPluginOptions);
};

Read more about Eleventy plugins.

Options

Key Type Default description
watch glob or array of globs ['**/*.{scss,sass}', '!node_modules/**'] The sass files you wish to compile (and watch when you serve)
sourcemaps Boolean false Add sourcemaps next to your sass files
cleanCSS Boolean true Runs the css trough cleanCSS
cleanCSSOptions Object N/A Options to pass to cleanCSS
autoprefixer Boolean true Adds browser specific prefixes if needed (adheres to BrowserList)

Disclaimer

This plugins wraps around internal Eleventy code, so if they changes their way of working it might stop working.

Contributing

Please do contribute, I am open to any changes. Just clone the repository and open a pull request.

License

MIT © Maarten Schroeven