/ukyo

Webpack 4 - SCSS - PUG boilerplate

Primary LanguageJavaScript

Ukyo II

Ukyo is a frontend boilerplate that uses Webpack 4.

Ukyo

Build Status

Ukyo

  • Webpack 4
  • Babel 7
  • JS Hot module replacement
  • Pug template engine
  • Scss style preprocessor
  • Scss Hot module replacement
  • Sass MQ

Getting started

Create a directory and move into it

mkdir my-app
cd my-app

Install and run Ukyo

npx ukyo

If you've previously installed ukyo globally via npm i -g ukyo, we recommend you uninstall the package using npm uninstall -g ukyo or yarn global remove ukyo to ensure that npx always uses the latest version.

Start the development server

You don’t need to install or configure tools like Webpack or Babel. They are preconfigured and hidden so that you can focus on the code.

Create a folder, install Ukyo, and you’re good to go.

npm start
# yarn start

The page will automatically show up, if it doesn't, open http://localhost:3000

Production build

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

npm run build
# 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
# yarn bundle-analyzer