Starter template to build a website without a front-end framework but making use of Webpack to support writing modern JavaScript (ES6+), including ES Modules and Sass.
- Live reload in development
- Webpack
- Sass compilation (and minification/autoprefixing in production)
- ES6+ transpilation (and minification/uglyfication in production)
- ES Modules
- Install dependencies
yarn
- Run development server
yarn dev
Will open your default browser to http://localhost:8080/public
Webpack will watch for changes in the ./src directory and output the bundled assets to ./public/assets. In parallel, the development server will watch for changes in the ./public directory and live reload the browser.
- Build production bundles
yarn build
Will compile, minify and autoprefix Sass to CSS. Will Minify and uglify JavaScript and output the bundled assets to ./public/assets.
After building for production you can take the ./public directory and deploy it.
Visit my blog entry where I go step-by-step on how to build this template from scratch.
If you would like to support my work and the time I put into making tutorials, consider getting me a coffee by clicking on the image below. I would really appreciate it!
-Esau Silva