All Projects → dvlden → webpack-config

dvlden / webpack-config

Licence: other
Webpack 5 configuration for static projects...

Programming Languages

javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
HTML
75241 projects

Projects that are alternatives of or similar to webpack-config

config-loader
[DEPRECATED] A loader for webpack configuration files
Stars: ✭ 14 (-85.42%)
Mutual labels:  webpack-configuration, webpack-config
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 (+152.08%)
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 (-13.54%)
Mutual labels:  webpack-configuration
Webpack Config Handbook
Minimum Webpack config handbook & examples
Stars: ✭ 165 (+71.88%)
Mutual labels:  webpack-configuration
Angular Librarian
An Angular 2+ scaffolding setup for creating libraries
Stars: ✭ 92 (-4.17%)
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 (+107.29%)
Mutual labels:  webpack-configuration
Vscode Ts Webpack Node Debug Example
VSCode TypeScript Webpack Node Debug Example
Stars: ✭ 66 (-31.25%)
Mutual labels:  webpack-configuration
plebpack
Webpack configuration for the common people.
Stars: ✭ 13 (-86.46%)
Mutual labels:  webpack-configuration
Webpack Config
Helps to load, extend and merge webpack configs
Stars: ✭ 244 (+154.17%)
Mutual labels:  webpack-configuration
React Webpack4 Cook
💯The most powerful webpack4 tutorial in the universe
Stars: ✭ 152 (+58.33%)
Mutual labels:  webpack-configuration
Sharejs
💻js小技巧、react、webpack、redux、javascript及其它前端干货,持续更新ing
Stars: ✭ 141 (+46.88%)
Mutual labels:  webpack-configuration
Webpack Core Usage
webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
Stars: ✭ 94 (-2.08%)
Mutual labels:  webpack-configuration
Webpack Chain
A chaining API to generate and simplify the modification of Webpack configurations.
Stars: ✭ 2,821 (+2838.54%)
Mutual labels:  webpack-configuration
Auxpack
A dashboard for monitoring Webpack build stats.
Stars: ✭ 86 (-10.42%)
Mutual labels:  webpack-configuration
chunks-webpack-plugin
Create HTML files with entrypoints and chunks relations to serve your bundles
Stars: ✭ 22 (-77.08%)
Mutual labels:  webpack-configuration
Angular Cli Webpack
Webpack configuration modifier for @angular/cli
Stars: ✭ 72 (-25%)
Mutual labels:  webpack-configuration
Preact Minimal
🚀 Minimal preact structure
Stars: ✭ 136 (+41.67%)
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 (+78.13%)
Mutual labels:  webpack-configuration
vscode-exts
Visual Studio Code Extensions
Stars: ✭ 33 (-65.62%)
Mutual labels:  webpack-configuration
webpack-mix
Elegant wrapper around Webpack for more than 80% use cases.
Stars: ✭ 51 (-46.87%)
Mutual labels:  webpack-configuration

Webpack 5 Configuration

This is my personal webpack v4 configuration, that I am using for small static projects. Feel free to contribute, improve or use it for your projects.

Contains some neat stuff out of the box!

  • jQuery
  • Bootstrap with Popper.js
  • FontAwesome

What does this configuration handles?

Common for development & production environment

  • it accepts two entry points; one for the app and one for the vendor
  • it compiles everything with relative paths, rather than absolute
  • it compiles sass/scss to the css file
  • it compiles es6 to the syntax that every browser can understand
  • it contains latest Boostrap, but with entirely modular setup; you may include only the parts that you need, as you probably won't use 70% of the framework
  • it has alias as ~ for importing your js files, no more mess with directory back-levels

Development environment

  • it runs webpack-dev-server with browser-sync support
  • it builds source-maps

Production environment

  • it minifies js
  • it minifies multiple image types (gif, png, jpg, jpeg, svg)
  • it copies all web fonts
  • it minifies all json files from data directory
  • it has subresource-integrity
  • it does not build source-maps, but you may specify it on line 216 if you want them

Commands?

It's pretty easy... You do not have a bunch of commands, just two of them:

  • npm run serve – to start with development
  • npm run build - to make it ready for production use
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].