Webpack Guide


Most (if not all) of our themes are packed with webpack-ready sources. However, webpack builder is optional, we recommend you to use webpack instead of classic css/js sources.

It may seem a bit tricky, comparing to good-old-way method, when you include libs from CDNs and add some custom JSs & CSSs to doc's head. But, I promise, you'll fall in love with webpack-way when you get used to it ^-)

BTW, Here's a great article on Medium by Peter Jang — Modern JavaScript Explained for Dinosaurs.

Everything's pre-configured

In case you've ever been confused and overwhelmed about getting started with Webpack and asset compilation.

Installation

Install node & npm

You must first ensure that Node.js and NPM are installed on your machine. Download and install version for your system.

Then, install theme's dependencies

When you're good with node & npm, the only remaining step is to install theme's package dependencies. You'll find a package.json file in the root of your directory structure. The default package.json file includes everything you need to get started. Think of this like your composer.json file, except it defines Node dependencies instead of PHP.

To install dependencies open system command line, cd to project's dir & run:

npm install

Usage

Check theme's README.md

Vue CLI

npm run serve
npm run build

Laravel

npm run dev
npm run prod

Get updates

when we add new (or upd current)
Bulma/Vue.js/Nuxt.js/Laravel templates