fix(webpack setup)

Author: ff6347

.node-version

@@ -66,7 +66,7 @@ DEPENDENCIES
   tzinfo-data
 
 RUBY VERSION
-   ruby 2.6.0p0
+   ruby 2.6.2p47
 
 BUNDLED WITH
    2.1.4

Gemfile.lock

@@ -7,6 +7,13 @@ Hosted on:
 [![Netlify Badge](https://www.netlify.com/img/global/badges/netlify-color-accent.svg)](https://basiljs2.netlify.com/)
 
 This repo holds the [site/docs for Basil.js](https://basiljs.github.io/). The current state of development (develop branch) can be found here [basiljs2.netlify.com](https://basiljs2.netlify.com/)
+
+## Prerequisits
+
+- Ruby >= 2.6
+  - Ruby Bundler
+- Node.js >= 10
+
 ## Update Basil API  
 
 If there are changes to the API of Basil.js you can update the data on this repo as follows.  
@@ -55,37 +62,60 @@ To build these docs we are using [Webpack](https://webpack.js.org/) and [Jekyll]
 
 Netlify will create a branch and deploy preview for you and you can see your changes online. Every push to your branch will trigger a new build and will be linked on the PR page.
 
+
+
 To develop locally take a look at the steps below. 👇
 
-### Markup + SCSS
+### Setup
+
+```bash
+# Ruby/Jekyll setup
+gem install bundler
+bundle install
+
+
+# Node Webpack setup
+npm install
+# or
+npm ci
+```
+
+### Markup & SCSS & JS
+
+To run the full development process you need to run Webpack and Jekyll side by side. They are combined in a script call `dev`.
+
+```bash
+npm run dev
+```
+
+Your site will be served from [http://0.0.0.0:4000](http://0.0.0.0:4000)
+
+### Markup
 
 Most of the Jekyll [liquid magic](https://github.com/Shopify/liquid/wiki/Liquid-for-Designers) happens in `./_source`.  
 
 To develop in this run:
 
 ```bash
-# once
-bundle install
-bundle update
 # whenever you want to work on the markup/content
 # (the --limit_posts 1 --incremental flags are needed
 # because we have lots of pages and need to speedup the build)
 bundle exec jekyll serve --livereload --limit_posts 1 --incremental
+# in a second shell session run
 ```
 
-### Javascript
+### Javascript + SCSS
 
-To work on the Javasscript of the site you need to run
+To work on the Javascript and SCSS of the site you need to run
 
 ```bash
-# once
-# needs npm v5.7 or higer
-npm ci
 # when you develop on it
 # (starts the webpack dev watch build toolchain)
 npm run webpack:dev
 ```
 
+
+
 ## Recipes
 
 Resize and crop multiple images using [`mogrify`](https://www.imagemagick.org/script/mogrify.php)  
@@ -97,7 +127,7 @@ mogrify -resize 320x180^ -gravity Center -extent 320x180 -quality 100 -format pn
 
 ## License
 
-Copyright (c)  2013-2019 Basil.js
+Copyright (c)  2013-2020 Basil.js
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software  without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to  permit persons to whom the Software is furnished to do so, subject to the following conditions:  
 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.  
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A  PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF  CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.  

README.md

@@ -25,6 +25,7 @@ url: "https://basiljs.github.io/" # the base hostname & protocol for your site,
 twitter_username: basil_js
 github_username:  basiljs
 
+host: 0.0.0.0
 # sass:
 #     style: compressed
 #     sass_dir: _sass

_config.yml

@@ -31,14 +31,14 @@
         <div class="guidelines"></div>
         {% include footer.html %}
     </div>
-    {% if jekyll.environment == "production" %}
+
     <script src="/assets/js/vendors~main.bundle.js" type="text/javascript" defer></script>
-    {% endif %}
+
     <script src="/assets/js/main.bundle.js" type="text/javascript"></script>
     {% if page.layout == 'reference' or page.layout == 'entry' %}
-        {% if jekyll.environment == "production" %}
+
     <script src="/assets/js/vendors~reference.bundle.js" type="text/javascript" defer></script>
-        {% endif %}
+
     <script src="/assets/js/reference.bundle.js" type="text/javascript"></script>
     {% endif %}
 </body>