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