All Projects → cvgellhorn → Webpack Boilerplate

cvgellhorn / Webpack Boilerplate

Licence: mit
A minimal webpack 5 boilerplate with only Babel, SASS and lodash (optional) on board

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Webpack Boilerplate

Frontie Webpack
Front-end Boilerplate | Gulp 4 + Webpack 4 + Babel + ITCSS Architecture + BEM Methodology + Twig.js
Stars: ✭ 102 (-74.75%)
Mutual labels:  webpack, webpack4, babel, boilerplate, sass
Styled React Boilerplate
Minimal & Modern boilerplate for building apps with React & styled-components
Stars: ✭ 198 (-50.99%)
Mutual labels:  webpack, webpack4, babel, boilerplate, minimal
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+151.49%)
Mutual labels:  webpack, webpack4, babel, boilerplate, sass
Js Library Boilerplate Basic
Javascript Minimal Starter Boilerplate - Webpack 5 🚀, Babel 7, UMD, Unit Testing
Stars: ✭ 354 (-12.38%)
Mutual labels:  webpack, webpack4, babel, boilerplate
Html Sass Babel Webpack Boilerplate
Webpack 4 + Babel + ES6 + SASS + HTML Modules + Livereload
Stars: ✭ 35 (-91.34%)
Mutual labels:  webpack, webpack4, boilerplate, sass
Frontend Boilerplate
An ES20XX starter with common frontend tasks using Webpack 4 as module bundler and npm scripts as task runner.
Stars: ✭ 224 (-44.55%)
Mutual labels:  webpack, webpack4, babel, boilerplate
Webpack Seed
🚀 A Multi-Page Application base on webpack and babel. webpack搭建基于ES6,支持模板的多页面项目
Stars: ✭ 113 (-72.03%)
Mutual labels:  webpack, webpack4, babel, sass
React Redux Auth0 Kit
Minimal starter boilerplate project with CRA, React, Redux, React Router and Auth0 authentication
Stars: ✭ 115 (-71.53%)
Mutual labels:  webpack, babel, boilerplate, minimal
Static Site Boilerplate
A better workflow for building modern static websites.
Stars: ✭ 1,633 (+304.21%)
Mutual labels:  webpack, babel, boilerplate, sass
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (-59.16%)
Mutual labels:  webpack, babel, boilerplate, sass
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (-64.36%)
Mutual labels:  webpack, babel, boilerplate, sass
Essential React
A minimal skeleton for building testable React apps using Babel
Stars: ✭ 2,035 (+403.71%)
Mutual labels:  webpack, babel, boilerplate, skeleton
React Starter Kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
Stars: ✭ 229 (-43.32%)
Mutual labels:  webpack, webpack4, babel, boilerplate
Minimal React Webpack Babel Setup
The minimal React, Webpack, Babel Setup. You want to get beyond create-react-app?
Stars: ✭ 777 (+92.33%)
Mutual labels:  webpack, webpack4, babel, boilerplate
React Webpack Typescript Starter
Minimal starter with hot module replacement (HMR) for rapid development.
Stars: ✭ 632 (+56.44%)
Mutual labels:  webpack, babel, boilerplate, sass
Webpack Starter
✨ A lightweight foundation for your next webpack based frontend project.
Stars: ✭ 1,745 (+331.93%)
Mutual labels:  webpack, babel, boilerplate, sass
Js Library Boilerplate
Javascript Starter Boilerplate - Webpack 4, Babel 7, UMD, Hot Reloading, and more
Stars: ✭ 202 (-50%)
Mutual labels:  webpack, webpack4, babel, boilerplate
Threejs Webpack Es6 Boilerplate
A basic boilerplate for a Three.js project compiled with Webpack and transpiled via Babel to enable using ES6 syntax.
Stars: ✭ 267 (-33.91%)
Mutual labels:  webpack, babel, boilerplate, sass
Static Html Webpack Boilerplate
🔮 modern tooling for old-school static webpage development
Stars: ✭ 226 (-44.06%)
Mutual labels:  webpack, babel, boilerplate
Pwa
An opinionated progressive web app boilerplate
Stars: ✭ 353 (-12.62%)
Mutual labels:  webpack, babel, boilerplate

Webpack 5 Boilerplate

npm npm npm Dependabot

A minimal webpack 5 boilerplate with only Babel, SASS and lodash (optional) on board

Requirements

You only need node.js >=10.13.0 pre-installed and you’re good to go.

If you don’t want to work with lodash, just remove it from the node packages.

Usage

Download to target directory or use this repository as a template

$ curl -L -o master.zip https://github.com/cvgellhorn/webpack-boilerplate/archive/master.zip && unzip master.zip && rm master.zip && mv ./webpack-boilerplate-master/{.,}* ./ && rm -r ./webpack-boilerplate-master

Setup

Install dependencies

$ npm install

Development

Build the app in dev mode and run webpack serve with livereload and autocompile on http://0.0.0.0:8080/

$ npm run dev

Production

Build the app in production mode

$ npm run build

webpack

If you're not familiar with webpack, webpack serve will serve the static files in your build folder and watch your source files for changes. When changes are made the bundle will be recompiled. This modified bundle is served from memory at the relative path specified in publicPath.

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].