This webpack boilerplate is for beginner, intermediate, and advanced developers looking to create static websites immediately while acheiving all the right optimizations to score perfect on Google Page Speed Insights and Google Lighthouse Reports — This is an evolution of tris-gulp-boilerplate, now with Webpack 4. Webpack is the new standard for bundling JS which Gulp wasn't capable of. Thankfully Webpack can both run tasks and build js 💪.
The goal of this project/boilerplate is to reach the following people:
- The beginners 👶, who although use Gulp/Webpack/Node/Npm still need more thorough explainations than the more acquainted developers. They want things to work, but they want to know how and why as well.
- The side-project hustlers 🏃♀️, those with all the great ideas but don't want to waste time with setup. They need to get their ideas, apps, and websites out and into the browser... fast.
- The obsessive compulsive 🕵️♂️, people who are obsessed with getting those perfect scores on performance and optimizaitons reports. People who are digitally organized and pride themselves knowing that all their files are minimized, compressed, zipped, and ready to ship!
Feel free to fork and create your own workflows based off this template! Everyone's a little different, I understand.
Now that version 1 status has been acheived, that means everything works but more thorough documentation will soon come.
You need git and node.js on your computer before running.
git clone https://github.com/tr1s/tris-webpack-boilerplate.git your-project-namecd your-project-namenpm installnpm start
You're all set, start coding 👩💻👨💻 !
Remove everything in the src/styles/ folder, src/index.html and src/index.scss/ if you'd like to start 100% fresh and/or create your own Sass worklow. I based my folder structure off the 7-1 pattern.
Coming Soon
Coming Soon
Coming Soon (hint: I want to murder jQuery)
Hope this helped! Follow me on twitter if you'd like. 💎✨🌸