Fresh Tilled Soil's default gulp config.

git clone
cd FTS-gulp
npm install

// Run build and watch for changes
npm start

// Build dist folder
npm run dist

All development is limited to the /src folder. Running npm start will run a gulp task to compile and build a /dist folder which is referenced via the built in server at localhost:3000. With gulp running, saving a file within the /src folder will run the associated gulp task and update the /dist folder accordingly.

FTS uses linter configs to ensure consistent code. The npm start task will watch JS and SCSS files and run a linting report every time they are changed. While this is helpful, sometimes it's nice to have an automated way to make the suggested changes. If you're using the Atom browser, install the following plugins:

• linter-eslint
• stylefmt
• linter-stylelint

The two linter plugins will allow you to see in real time in your editor any linting warnings and errors. When you want to try an automated fix within atom, open the command panel (shift cmd P) and then run: stylefmt: execute or Linter Eslint:Fix File

You could also install the command line utilities if you prefer, and run: stylefmt src/assets/css/**/*.css or eslint --fix src/assets/js/**/*.js

For now, this solution is preferred instead of a gulp task so the developer still has final say over the file format.

BrowserSync

Moves .html files to /dist folder.

gulp-svgmin

Moves font files to /dist folder.

gulp-imagemin

gulp-sass

gulp-autoprefixer

webpack

gulp-file-include