My basic webpack starter for new projects and quick prototyping
(I've included Nunjucks only to have some basic templating functionality within prototypes but usually throw it out for real-world projects that usually run on different template engines).
Use at own risk, I'm not a Webpack expert.
- Add CSS Loader
- Add PostCSS loader
- Add TailwindCSS, PostCSS-Import and Autoprefixer
- Extract CSS into file
- Process images using file-loader
- Process fonts using file-loader
- Process Nunjucks templates
- Create SVG sprite from icons
- Extract critical CSS
- Split production from development tasks
- Watch for changes
- Minify CSS
- Minify/Uglify JS
- lazyloading
- Use Webpack Dev Server and write files to disk