Starting to get Laravel Mix to be the new Blank Slate

_README.md

Starting to get Laravel Mix to be the new Blank Slate

I was trying to recreate my Blank Slate project using Laravel Mix, but I didn't quite get there. Two main things are still holding me up.

1. I cannot figure out how to get SVG sprites to work like I had them before (or at all).
2. Changes to Sass files reload the entire page rather that just reloading in place.

Helpful links:

• Phil's Mix-generated website
• javascript - How can I run multiple npm scripts in parallel? - Stack Overflow
• Svg Sprite | Laravel Mix Extension
• GitHub - kisenka/svg-sprite-loader: Webpack loader for creating SVG sprites.

package.json

{
  "name": "testing-mix",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "concurrently \"http-server ./dist\" \"npm run development -- --watch\"",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.26.7",
    "browser-sync-webpack-plugin": "^2.0.1",
    "concurrently": "^4.1.1",
    "cross-env": "^5.2.0",
    "http-server": "^0.11.1",
    "laravel-mix": "^4.1.2",
    "laravel-mix-svg-sprite": "^1.0.0",
    "mix-html-builder": "^0.3.0",
    "posthtml-include": "^1.2.0",
    "posthtml-loader": "^1.0.1",
    "resolve-url-loader": "^3.1.0",
    "sass": "^1.22.4",
    "sass-loader": "^7.1.0"
  }
}

webpack.mix.js

let mix = require('laravel-mix');
require('laravel-mix-svg-sprite');
require('mix-html-builder');

mix
    .html()
    .sass('src/css/main.scss', 'dist/css/')
    .svgSprite('src/img/svg/*.svg', 'dist/img/sprites.svg')
    .disableNotifications()
    .browserSync({
        proxy: 'localhost:8080',
        files: 'dist/**',
        open: false
    })