https://github.com/johnantoni/webpack4
react, scss and webpack4 in a working reusable form.
https://github.com/johnantoni/webpack4
babel es6 es6-javascript i18n i18next react scss template
Last synced: 2 months ago
JSON representation
react, scss and webpack4 in a working reusable form.
- Host: GitHub
- URL: https://github.com/johnantoni/webpack4
- Owner: johnantoni
- License: mit
- Created: 2018-07-20T16:00:32.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-07-20T19:19:59.000Z (almost 8 years ago)
- Last Synced: 2025-03-30T17:17:23.451Z (about 1 year ago)
- Topics: babel, es6, es6-javascript, i18n, i18next, react, scss, template
- Language: JavaScript
- Homepage: http://thundermaw.com
- Size: 8.79 KB
- Stars: 0
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Webpack 4 Template for React, or anything else
### Features
* SCSS Compiler + Hot Reloading!
* Babel (ES6)
* React
I've also included the i18n plugin I use a lot for internationalization, i18n-next I've found to be really useful at adding multiple language support to an app.
Along with that formik (good library for signup forms), lodash & moment, react-helmet for adding meta tags on-the-fly to the page and superagent for ajax requests.
### SCSS hot-reload!
When you switch over to Webpack 4 you have to switch your css compiler to *mini-css-extract-plugin* as *extract-text-webpack-plugin* is no longer supported in 4.
However mini-css-extract-plugin doesn't support hot-reloading yet but you can do it style-loader so for development we use style-loader and building production mini-css-extract-plugin.
### And finally...
Feel free to fork and customize it to your needs, I'll endeavour to keep this as up-to-date as possible while I'm working on other projects.
If you see an error or something that could be improved, log an issue and I'll check it out or if you just need a hand getting it to run.
Enjoy,
John Griffiths
www.thundermaw.com