Magento 2 setup Grunt

magento2-setup-grunt.sh

#!/usr/bin/env bash

COLOR_HIHGLIGHT='\033[0;33m'
COLOR_NC='\033[0m'

printf "${COLOR_HIHGLIGHT}Installing Node.js and npm globally.${COLOR_NC}\n"
sudo apt-get update
sudo apt-get install nodejs npm

printf "${COLOR_HIHGLIGHT}Making sure npm uses SSL.${COLOR_NC}\n"
npm config set strict-ssl false

printf "${COLOR_HIHGLIGHT}Making sure there is latest Node.js.${COLOR_NC}\n"
sudo npm install -g n
sudo n stable

printf "${COLOR_HIHGLIGHT}Installing Grunt globally.${COLOR_NC}\n"
sudo npm install -g grunt-cli

printf "${COLOR_HIHGLIGHT}Preparing files for Grunt usage.${COLOR_NC}\n"

cp Gruntfile.js.sample Gruntfile.js
cp package.json.sample package.json

printf "${COLOR_HIHGLIGHT}Installing Grunt inside project.${COLOR_NC}\n"
sudo npm install grunt --save-dev
sudo npm install
sudo npm update

To make the LiveReload work consult:

• https://magento.stackexchange.com/questions/219265/livereload-configuration-via-grunt
• https://magento.stackexchange.com/questions/225034/grunt-less-and-live-reload-cant-get-them-working/225390#225390
• LiveReload within Docker container

Live Reload Browser extensions

• LiveReload
• RemoteLiveReload - improved version of the original extension