Ukyo

Ukyo is a frontend boilerplate that uses Webpack 4.

• [x] Webpack 4
• [x] Babel 7.10
• [x] JS Hot module replacement
• [x] Pug template engine
• [x] Scss style preprocessor
• [x] Scss Hot module replacement
• [x] Sass MQ

Gatting started

Clone Ukyo

git clone https://github.com/Giulico/ukyo.git

Install the dependencies

npm install

or

yarn install

Start the development server

npm start

or

yarn start

Then open up http://localhost:3000

Production build

The production script creates minified bundles with lighter weight source maps with optimized assets.

npm run build

or

yarn build

Bundle Analyzer

Ukyo uses Webpack Bundle Analyzer to visualize the size of webpack output with an interactive zoomable treemap.

npm run bundle-analyzer

or

yarn bundle-analyzer

FAQ

How can I navigate through multiple pug files?

Ukyo compiles as many pug files as it found in the /src/pug directory. Each compiled file is placed into a separate folder. For example, if you create a /src/pug/second-page.pug file you can visit it from http://localhost:3000/second-page.