Webpack + Handlebars Starter Kit: A simple setup for front-end projects.
MIT License
A starter kit for front-end projects using Webpack and Handlebars, designed to streamline the development process with a robust workflow for building high-performance web applications.
Clone the repository and install the dependencies:
git clone https://github.com/gabydevdev/webpack-starter-with-handlebars.git
cd webpack-starter-with-handlebars
npm install
To start the development server with live reloading, run:
npm start
Once the server is running, open http://localhost:8000 in your browser to view the application.
To build the project for production, run:
npm run build
This will compile all assets and place them into the build
directory, ready for deployment.
webpack-starter-with-handlebars/
├── public/ # Static assets
├── src/ # Source files (JS, SCSS, Handlebars templates)
├── .babelrc # Babel configuration
├── .eslintrc # ESLint configuration
├── .prettierrc.json # Prettier configuration
├── webpack.config.js # Webpack configuration
└── package.json # Project dependencies and scripts
Here are the main npm scripts you can run:
npm start
: Starts the development server with live reloading.npm run build
: Builds the project for production, outputting files to the build directory.npm run lint:styles
: Linting for SCSS files using stylelint.npm run lint:scripts
: Linting for script files using eslint.Contributions are welcome! If you'd like to help improve this project, please follow these steps:
git checkout -b feature-branch
).git commit -m 'Add new feature'
).git push origin feature-branch
).This project is open-sourced under the MIT license. See the LICENSE file for more information.