All Projects → mrmartineau → webpack-recipes

mrmartineau / webpack-recipes

Licence: other
🆘 A collection of webpack configurations

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to webpack-recipes

Auxpack
A dashboard for monitoring Webpack build stats.
Stars: ✭ 86 (+86.96%)
Mutual labels:  webpack-configuration
Baumeister
👷 The aim of this project is to help you to build your things. From Bootstrap themes over static websites to single page applications.
Stars: ✭ 171 (+271.74%)
Mutual labels:  webpack-configuration
chunks-webpack-plugin
Create HTML files with entrypoints and chunks relations to serve your bundles
Stars: ✭ 22 (-52.17%)
Mutual labels:  webpack-configuration
Webpack Core Usage
webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
Stars: ✭ 94 (+104.35%)
Mutual labels:  webpack-configuration
React Webpack4 Cook
💯The most powerful webpack4 tutorial in the universe
Stars: ✭ 152 (+230.43%)
Mutual labels:  webpack-configuration
Webpack Chain
A chaining API to generate and simplify the modification of Webpack configurations.
Stars: ✭ 2,821 (+6032.61%)
Mutual labels:  webpack-configuration
Angular Cli Webpack
Webpack configuration modifier for @angular/cli
Stars: ✭ 72 (+56.52%)
Mutual labels:  webpack-configuration
vscode-exts
Visual Studio Code Extensions
Stars: ✭ 33 (-28.26%)
Mutual labels:  webpack-configuration
Webpack Config Handbook
Minimum Webpack config handbook & examples
Stars: ✭ 165 (+258.7%)
Mutual labels:  webpack-configuration
Frontend Webpack Boilerplate
Simple starter webpack 5 project template supporting SASS/PostCSS, Babel ES7, browser syncing, code linting. Easy project setup having multiple features and developer friendly tools.
Stars: ✭ 242 (+426.09%)
Mutual labels:  webpack-configuration
Serverless Webpack
Serverless plugin to bundle your lambdas with Webpack
Stars: ✭ 1,595 (+3367.39%)
Mutual labels:  webpack-configuration
Sharejs
💻js小技巧、react、webpack、redux、javascript及其它前端干货,持续更新ing
Stars: ✭ 141 (+206.52%)
Mutual labels:  webpack-configuration
Wpk
a friendly, intuitive & intelligent CLI for webpack
Stars: ✭ 232 (+404.35%)
Mutual labels:  webpack-configuration
Angular Librarian
An Angular 2+ scaffolding setup for creating libraries
Stars: ✭ 92 (+100%)
Mutual labels:  webpack-configuration
webpack-mix
Elegant wrapper around Webpack for more than 80% use cases.
Stars: ✭ 51 (+10.87%)
Mutual labels:  webpack-configuration
Agency Webpack Mix Config
👨‍💻 A capable website/webapp boilerplate ready for the web agency battlefield. Creates a static site with Twig templating by default. Supports Craft/Wordpress/Laravel after a few adjustments.
Stars: ✭ 83 (+80.43%)
Mutual labels:  webpack-configuration
Gulp Webpack Starter
Gulp Webpack Starter - fast static website builder. The starter uses gulp toolkit and webpack bundler. Download to get an awesome development experience!
Stars: ✭ 199 (+332.61%)
Mutual labels:  webpack-configuration
webpack-config
Webpack 5 configuration for static projects...
Stars: ✭ 96 (+108.7%)
Mutual labels:  webpack-configuration
plebpack
Webpack configuration for the common people.
Stars: ✭ 13 (-71.74%)
Mutual labels:  webpack-configuration
Webpack Config
Helps to load, extend and merge webpack configs
Stars: ✭ 244 (+430.43%)
Mutual labels:  webpack-configuration

Webpack recipes

styled with prettier PRs Welcome

A collection of webpack configurations

Basics

Bundle javascript


CSS

CSS

Bundle & inject CSS

PostCSS

Bundle & inject PostCSS processed CSS

Sass with PostCSS

Bundle & inject Sass preprocessed CSS and use PostCSS to post-process


JavaScript

ES2015+ (Babel) > JavaScript

Bundle ES2015+ Javascript with Babel transpiler

Typescript > JavaScript (coming soon)


HTML

Simple HTML

Simplify creation of HTML files to serve your webpack bundles

Complex HTML (coming soon)

More complex version of previous example


Webpack Dev Server

Simple Webpack Dev Server

Setup a simple webpack-dev-server example, that provides you with a server and live reloading.


Assets

Images (coming soon)

SVGs (coming soon)

Fonts (coming soon)

Icons (coming soon)


Testing

Jest (coming soon)

Formatting

ESLint

Lint your code with ESLint

Standard

Lint your code with standard

Prettier

Run the Prettier code formatter on build/watch

A11y (coming soon)


Advanced

Optimisation

Code splitting - Commons Chunks

Split all node_modules vendor code into separate file

Progressive Web Apps (coming soon)


Useful plugins

  • Case Sensitive Paths - Enforces case sensitive paths in Webpack requires. Extremely useful for larger teams and continuous integration setups work without issues.
  • npm Install Webpack Plugin - Speed up development by automatically installing & saving dependencies with Webpack.

How can you help?

Contributions and corrections are actively encouraged. I want this resource to be as useful as possible.


Made by ZΛNDΞR

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].