This is a starter kit for webpack with pug, sass and meta-marked. I made my personal website using this starter kit. Also you can find source code for my personal website here in Github.

To use this project, you will need NodeJS installed on your machine.

Inside the directory, run

$ npm install

You may encounter a warning like this:

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

Just run npm audit fix to fix them.

This will start the environment with file watching, browser synchronisation, auto-rebuild, js compilation, sass compilation, css injection, etc.

$ npm run start

This will build your website in your ./dist folder. You may change webpack configuration to get your ideal file structure.

$ npm run build

In ./src/artilces.pug, changing

style='background-image:url(' + require('../images/articles/' +`${image}` + '.jpg') + ')'

may result in webpack being unable to recognize image links in markdown files. Because of the same problem, markdown files can only embed jpg files.

For some other mysterious reasons, changing Pug include file or MD file may not refresh the browser.

Sorry for the inconvenience!