This repo is a blank canvas file structure for JS and ScSS using ITCSS methodology - using Webpack to build your CSS and JS with sourcemaps and manifest file.

To install just download this repo and place within your public folder / theme etc. and then run

npm i

We have included two example libraries, foundation-sites and slick-carousel. To install your preferred framework, just use a package manager and update the references in styles/style.scss and scripts/application.js.

You can then build JS and CSS files:

npm run build

You can watch JS and CSS files:

npm start

Commands can be seen in package.json file:

"build": "export NODE_ENV=production; webpack --mode production",
"watch": "webpack-dev-server --mode development --watch --hot --inline",
"start": "npm run watch --silent"