Bootstrap Grunt Starter

Features:

• Compiles SCSS / SASS to one style.css file.
• Also minifies that style.css to style.min.css. For use on your live websites.
• Automatically includes bootstrap-sass that you can overwrite with your own variables.
• Add any SCSS file and it gets included automatically.
• Checks your JS files for errors.
• Combines JS files to one custom.js file.
• Adds Bootstrap Javascript to your Javascript file.
• Minifies that Javascript file to a custom.min.js for your live websites.
• Add any Javascript file and it gets included automatically.
• Supports LiveReload.
• Minifies your html automatically.

Getting Started

Requirements:

• Node.js
• Grunt
• https://yarnpkg.com/ (optional)

For more information on Grunt, see the Getting Started guide.

If Node.js and Grunt are installed navigate to the destination folder using the Node.js command prompt.

For example:

cd C:\Development\GIT\bootstrap-grunt-starter

Development

To get started we will need to install the required packages specified in package.json. This is done by entering the following command in your Node.js command prompt:

yarn

or ( if you don't have Yarn )

npm install

Now that the required packages are installed run the following command to create the folders and copy the required fonts to the dist folder:

grunt init

Every time you change a file the watch task will trigger and compile everything in the dist folder!

Production

Ready to go live? Run the following command to minify your files:

grunt build

Don't forget to change the paths in your html to the .min version or use index.min.html!