- Make sure you have these installed
- Clone this repository into your local machine using the terminal (mac) or Gitbash (PC)
$ git clone https://github.com/anthonyjdoolan/workflow.git
- CD into directory
- Install gulp.js via the Mac terminal or Gitbash on a PC
$ npm install gulp --save-dev && npm install gulp-ruby-sass --save-dev
- We've added --save-dev, which tells the computer to add gulp and ruby-sass as a dev dependency in package.json
- Review the gulpfile and make sure file paths are correct. This gulpfile assumes your using assets/* as structure
- To test the sass and verify file paths are correct, Ive made a short scss file in assets/scss.
once you run
$ gulp
a 'styles.css' file should be created in assets/css. - To verify the watch function is working add some css to
assets/scss/styles.scss
file and check it againstassets/css/styles.css
.
- To test the sass and verify file paths are correct, Ive made a short scss file in assets/scss.
once you run
- Install the optional packages via '$ npm install --save-dev <"dependency">'
- gulp-jshint
- gulp-sourcemaps
- gulp-webserver
- jshint
- try running: This script installs all but the webserver.
npm install --save-dev gulp-jshint && npm install --save-dev gulp-sourcemaps && npm install --save-dev jshint
- NOTE -- IF YOU INSTALL THESE PACKAGES YOU WILL HAVE TO CHANGE THE GULPFILE.JS TO USE THEM.
- Run the Gulp command
$ gulp
-
Notifications
You must be signed in to change notification settings - Fork 0
anthonyjdoolan/sass-workflow
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
No description, website, or topics provided.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published