11tyを使う時にインストールする色々

11tyを使う時にインストールしている諸々まとめです。私用。

パッケージまとめ

• pug
• sass
• js-yaml

コマンドまとめ

npm install @11ty/eleventy-plugin-pug js-yaml eleventy-sass@^3.0.0-beta.0

設定ファイル

.eleventy.js

const markdownIt = require("markdown-it");
const yaml = require("js-yaml");
const eleventySass = require("eleventy-sass");
const watchFolder = ["imgs", "css", "js"]

module.exports = function (eleventyConfig) {
	let pug = require("pug");
	global.filters = eleventyConfig.javascriptFunctions;
	eleventyConfig.addPlugin(eleventySass);
	eleventyConfig.setLibrary('pug', pug);
	// Set directories to pass through to the _site folder

	watchFolder.forEach(element => {
		eleventyConfig.addPassthroughCopy("src/" + element + "/");
		eleventyConfig.addWatchTarget("src/" + element + "/");
		console.log(element)
	});

	eleventyConfig.addDataExtension("yaml", (contents) => yaml.load(contents));
	let options = {
		html: true,
		breaks: true,
		linkify: true,
	};
	eleventyConfig.setPugOptions({
		filters: global.filters
	})

	eleventyConfig.setLibrary("md", markdownIt(options));
	return {
		dir: {
			input: "src",
		}
	}
}