azemoh / gulp-pug-sass-seed

🍹 A Pug and Sass starter project using gulp for task automation.

Pug-Sass Starter project.

This is a Pug and Sass starter project using gulp for task automation.

Note

If you still need Jade support use this project instead.

This project uses...

1. browser-sync to launch a local server and do live reloads as sass and pug files changes
2. gulp-pug to compile pug files.
3. gulp-data to pass data to pug. this project uses JSON as the data source, however you can generate data objects from a variety of sources: json, front-matter, database, etc... see gulp-data README
4. gulp-sass to compile sass files.
5. gulp-autoprefixer to add vendor prefixes to css files

To run

• Execute npm install from this directory to install dev dependencies.
• Execute gulp to run all tasks, launch the browser sync local server and watch for changes.

gulp-pug-sass-seed's Issues

Syncing changes to .json files

First of all: Great project that tremendously helped me with the core understanding of some gulp mechanics!

I had the issue that changes to the .json data files weren't automatically synced with the browser. I fixed that by adapting the gulp watch task with an additional watch for .json files, triggering a rebuild and also clearing the cache for the .json files in the pug task as described in the following gulp-data issue. I'm just taking my first steps with gulp but maybe that approach is something worth considering for your project.

scripts.js not loading

Thanks for making this, it is very nice.
I have encountered 1 prob, though, which follows.

steps:

1. clone repo
2. npm install
3. gulp
4. get error in browser "Failed to load resource: the server responded with a status of 404 (Not Found)" script.js

Any ideas?

Thanks!

Try catch to improve

Just as above, add try catch so gulp not stop when throw err..

Sass?

I dont know where the .sass file is could anyone help me? I just have a scss file at /assets/css