Kickstart

Kickstart is a starting point for creating and testing static sites.

This system uses

laravel-mix to compile your assets using webpack.

Quick start

bash -c "$(curl -fsSL https://raw.githubusercontent.com/LasseHaslev/Kickstart/master/install.sh)"

Usage

`npm run watch`

You can see the banner when working on it simply by writing npm run watch. This will start Browser Sync and will display your content, and refresh your browsers every time you save a file.

If you want to test your banners on different devices you can see in the terminal after you entered the command. There will be a External info with a ip-address. Copy paste that info into your browser on your external devices and watch the magic happens.

Note: All the external devices must be on the same local network as your development machine.

`npm run prod`

The npm run prod command is minifying css and javascript and removes source maps.

Files

`index.html`

Contains basic html to get you started.

`src/`

Contains both the style and javascript files.

`webpack.mix.js`

Contains the webpack configuration using laravel-mix.

Using npm

This package comes with two preinstalled packages.

You are free to remove and install other packages using npm like:

npm install jquery

Development

# install dependences
npm install

# Open browser and watch for changes
npm run dev

#compile and minify resources
npm run build