Overview

Let's have a quick look at the project scaffold. We'll have a look at even more details in the Architecture section.

/public - output of packaged app

/src - this is what you will be using during development. NPM calls rollup, and together they move and transform the files from /src to /public.

package.json - manifest file for your project(kind of). Lists details of your project(names), main entry point in the app(main.js), and external dependencies(think maven/ivy for Java world, composer for php, PyPM for Python). See NPM(and package.json) for more details.

Rollup - a tool that compiles small pieces of code into something larger. In a nutshell, it scans src/(that might contain import and require statements, for instance) and produces /public(parts of it, anyway) that the browser can understand and interpret.

rollup.config.js - configuration for Rollup. input - This is a required setup and it represents the file we want rollup to process. It should be the main entry point of the application where we import everything else required by it. output - marks the folder where the results gets copied. Since we're just talking about the scaffold, we'll leave it at this, for now. See Rollup(and rollup.config.js) for more details.