A plugin that adds sass support to Eleventy
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.
| 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) |
This plugins wraps around internal Eleventy code, so if they changes their way of working it might stop working.
Please do contribute, I am open to any changes. Just clone the repository and open a pull request.
MIT © Maarten Schroeven