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