SPBrander

This tool allows you to edit CSS and JavaScript files directly on you local PC and see them update live on your targeted SharePoint Online site.

Pre-Requisites

Node.js

Office PnP Powershell Commandlets

1. Install node.js by downloading the installer from the above link (go for version 5.0+).
2. Install the Office PnP Powershell Commandlets by running powershell as an Administator Install-Module OfficeDevPnP.PowerShell.V16.Commands

Note: Check out the Office PnP link above for me details on the install

Install

1. Open powershell as an Administrator and run: npm install -g spbrander

Usage

Lets say you have a /branding folder on your desktop with your CSS file.

Programatic Usage

You can require it like any other npm module and use the api programtically in your node.js scripts

var engine = require("spbrander");
engine.site(<siteUrl>).inject(<filepath>);
engine.site(<siteUrl>).addScriptAction(<fileUrl>);