Ukyo is a frontend boilerplate that uses Webpack 4.
- Webpack 4
- Babel 7
- JS Hot module replacement
- Pug template engine
- Scss style preprocessor
- Scss Hot module replacement
- Sass MQ
mkdir my-app
cd my-app
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.
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
The production script creates minified bundles with lighter weight source maps with optimized assets.
npm run build
# yarn build
Ukyo uses Webpack Bundle Analyzer to visualize the size of webpack output with an interactive zoomable treemap.
npm run bundle-analyzer
# yarn bundle-analyzer