Introduction

This is a quick quide that will help you build your first page.

Dev setup

  1. Download and install Node.js and Gulp to get started. To install Node visit https://nodejs.org/en/ To install Gulp, run the following command npm install gulp -g

  2. Open terminal, make sure your command line prompt is at the root of the theme folder.

  3. Run npm install to install all theme's dependencies.

Webpack

Webpack is used to manage theme development process. Open terminal, make sure your command line prompt is at the root of the theme folder to use following commands:

  • npm start This will compile and track all the SCSS, JS and HTML files for changes, start a local webserver.

  • npm run build Generates a /dist directory with all the production files.

File Structure

  • CUBE
    • dist
    • node_modules
      • html
      • images
      • js
      • partials
      • scss
      • video
    • README.md
    • webpack.config.js
    • package-lock.js
    • package.js
Table of Contents