Skip to content

Just a basic gulp setup (SASS/CSS: combine files, compile SASS/SCSS, auto-prefix and minify. JS: combine files, compile ES2015 and minify)

License

Notifications You must be signed in to change notification settings

andreobriennz/simple-gulp-setup

Repository files navigation

simple-gulp-setup

You do not have to clone this project, you can just copy the essential files and install everything as described below:

  1. Copy gulpfile.babel.js and .babelrc to the project/theme directory
  2. Set up NPM by typing 'npm init' in the terminal and following the setup instructions (default settings are fine)
  3. Install NPM and packages: npm install --save-dev gulp gulp-concat gulp-uglify gulp-rename gulp-babel gulp-sass gulp-autoprefixer gulp-clean-css
  4. In gulpfile.babel.js, if necessary, change files.scripts to equal an array of your JS files and change files.styles equal an array of your SASS/SCSS files
  5. Run 'gulp' in terminal, files should be created in the assets/dist folder

If you want to compile vendor files as a separate task, use the code from gulpfile.babel.extended.js

Note: Version 2 is currently under development and will provide wrapper functions and a simple CLI to simplify setup

Change log

  • 1.0.0-alpha.2:
    • Breaking changes: files moved out of settings object and into files object.
    • Since this is 'simple-gulp-setup', the setup to compile vendor files as a separate task is moved out of the default gulpfile.babel.js and into gulpfile.babel.extended.js, as explained above

Issues

  • Sometimes issues compiling JavaScript vendor files from node_files when using vendor files via gulpfile.babel.extended.js

About

Just a basic gulp setup (SASS/CSS: combine files, compile SASS/SCSS, auto-prefix and minify. JS: combine files, compile ES2015 and minify)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published