postNirjhor / Webpack Boilerplate
Licence: mit
A basic webpack boilerplate for beginners to start with any project
Stars: ✭ 63
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Webpack Boilerplate
Webpack Book
From apprentice to master (CC BY-NC-ND)
Stars: ✭ 2,372 (+3665.08%)
Mutual labels: webpack, webpack3
Mocker Api
mocker-api that creates mocks for REST APIs. It will be helpful when you try to test your application without the actual REST API server.
Stars: ✭ 374 (+493.65%)
Mutual labels: webpack, webpack3
Webpack Cdn Plugin
A webpack plugin that use externals of CDN urls for production and local node_modules for development
Stars: ✭ 306 (+385.71%)
Mutual labels: webpack, webpack3
Workflow Reactjs
My workflow with ReactJS + Webpack 3+
Stars: ✭ 150 (+138.1%)
Mutual labels: webpack, webpack3
Webpack.js.org
Repository for webpack documentation and more!
Stars: ✭ 2,049 (+3152.38%)
Mutual labels: webpack, webpack3
Awesome Webpack Cn
[印记中文](https://docschina.org/) - webpack 优秀中文文章
Stars: ✭ 3,611 (+5631.75%)
Mutual labels: webpack, webpack3
React Redux Graphql Apollo Bootstrap Webpack Starter
react js + redux + graphQL + Apollo + react router + hot reload + devTools + bootstrap + webpack starter
Stars: ✭ 127 (+101.59%)
Mutual labels: webpack, webpack3
Webpack Simple Starter
A simple webpack starter without framework (Like Vue, React, Angular, etc.)
Stars: ✭ 661 (+949.21%)
Mutual labels: webpack, webpack3
Egg React Typescript Boilerplate
Egg React TypeScript Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 56 (-11.11%)
Mutual labels: webpack, webpack3
That React App You Want
That react app you always wanted: [email protected], [email protected], postCSS, purifycss, dll's and code splitting examples, bregh. Highly opinionated but you better like it.
Stars: ✭ 27 (-57.14%)
Mutual labels: webpack, webpack3
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (+128.57%)
Mutual labels: webpack, webpack3
Webpack By Sample
Learn webpack by sample, each of the samples contains a readme.md file that indicates the purpose of the sample plus an step by step guide to reproduce it.
Stars: ✭ 190 (+201.59%)
Mutual labels: webpack, webpack3
Svg Sprite Loader
Webpack loader for creating SVG sprites.
Stars: ✭ 1,822 (+2792.06%)
Mutual labels: webpack, webpack3
Wolfbot
Crypto currency trading bot written in TypeScript for NodeJS
Stars: ✭ 335 (+431.75%)
Mutual labels: webpack, webpack3
Serverless Webpack
Serverless plugin to bundle your lambdas with Webpack
Stars: ✭ 1,595 (+2431.75%)
Mutual labels: webpack, webpack3
Preact Starter
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact
Stars: ✭ 384 (+509.52%)
Mutual labels: webpack, webpack3
Webpack 3 Boilerplate for beginners
A basic webpack 3 boilerplate for beginners to start with any JS/ES6 based project.
Guide
This basic boilerplate is the final output of this comprehensive write up on Medium. I recommend to read this article to know the insight of how you can configure webpack from scratch.
Webpack 3 quickstarter: Configure webpack from scratch
Install dependencies
npm install
Develop locally with webpack-dev-server
- Run
npm run dev
- In your browser, navigate to: http://localhost:2000/
For bundled output
npm run build
For production-ready output
npm run build:prod
Loaders and Plugins used in this boilerplate
Loaders
- babel-loader
- html-loader
- sass-loader
- css-loader
- style-loader
- file-loader
Plugins
- clean-webpack-plugin
- extract-text-webpack-plugin
- html-webpack-plugin
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].