Gulp-webpack starter project combine gulp and webpack technology for compiling js and scss files. It's serves as initial framework for projects build with ES6 and SASS. It's also contains demo ES6 project.
Gulp - gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow.
Webpack - webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a dependency graph which maps every module your project needs and generates one or more bundles.
Gulp-webpack starter provides a various features which are:
compile CSS preprocessor code (SASS) to CSS
autoprefix, clean and minify CSS file
include style source maps
show message after gulp task is completed
concatenate style and js files
allow to use glob imports in style files
set up a local dev server through browsersync which is available on: `http://localhost:3000`
minify and compress images (.png, .jpg, .jpeg, .svg, .ico)
compile ES6 to ES5 code and minify js file
Content
Gulpfile.js - define compile settings, gulp plugins and tasks
Webpack.config.js - define configuration for webpack (compiling js files)
ES6 cars project - demo project build in ES6
Style structure - demonstrate style structure with .scss
Requirements
NPM version - 6.14.4
NODE version - 12.16.1
Installation and usage
NPM modules - npm install (install all required plugins)