https://github.com/lostpebble/gulp-webpack-starter
Starter project using Gulp (for styles, images, devserver etc.) and Webpack (for scripts)
https://github.com/lostpebble/gulp-webpack-starter
Last synced: about 1 month ago
JSON representation
Starter project using Gulp (for styles, images, devserver etc.) and Webpack (for scripts)
- Host: GitHub
- URL: https://github.com/lostpebble/gulp-webpack-starter
- Owner: lostpebble
- Created: 2015-02-08T20:05:38.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2015-02-17T13:16:29.000Z (over 11 years ago)
- Last Synced: 2025-03-06T01:46:23.561Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 168 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
gulp-webpack-starter
====================
A starter project for using Gulp (for styles, images, devserver etc.) and Webpack (for scripts) to compile and watch a project.
(With a touch of React filler in this case) - just example scripts, replace with whatever .js you like.
### Checks
Make sure `src/js/index.js` is the entry for your javascript files. Use the CommonJS / node syntax `require('...')` from there to build your scripts.
### Output
Webpack compiles your javascript to `public/js/bundle.js`
Scripts, using SASS, are compiled to `public/stylesheets/styles.css` and minified to `styles.min.css`
### Running gulp to make it all work
clean folders, compile scripts, images and styles and then continue to watch them for changes:
`gulp`
start a dev server, also detects any changes to the public folder and reloads the page for you
`gulp liveserver`
=======================
Look inside `gulp/tasks/` for more info on the separate tasks.