Powerdir

[Work In Progress] Directory based navigation for markdown reader application.

How to run

• Run npm install
• Generate tree.json by running node index.js
• Serve index.html as static content (ex: localhost)

How to dev

• Run npm run watch (without serving)
• Run npm run dev (with serve at localhost:8080)

How to build

• Run npm run build
• Run npm run build-es5 to support es5

How to analyze bundle (with webpack-bundle-analyzer)

• Run npm run stats
• Run npm run stats-es5 to support es5

Available properties to meta.json and .md (markdown header) files

• id, to create a static slug for url
• title, as a filename or foldername alias
• order, represented an order sequence of file and folder
• description, file or folder description

Webpack Optimization Tasks List

• Minify HTML, CSS, JS
• Assets Hashing
• ES5 + Polyfill to Support Edge and IE11
• Gzip compression
• Use ESM as long as possible to leverage Tree Shaking Ability
• Component based CSS
• Service Worker
• Server-side Rendering
• Implement purgecss-webpack-plugin to reduce bulma size