This is a simple starter project for building web applications using Webpack. It includes configuration files for development and production builds, as well as basic file structure for a typical web app.
To get started with this project, clone the repository to your local machine and install the required dependencies:
git clone [email protected]:MussieTeka/webpack.git
cd webapp-starter
npm install
To start a development server, run the following command:
Run Dev Server (Port 8080)
npm startThis will start a local server at http://localhost:8080 and will automatically reload the page whenever you make changes to your code.
To create a production build, run the following command:
npm run buildThis will create a production-ready build of your application in the dist folder.
This starter project uses Webpack to bundle and optimize your code. The configuration file webpack.config.js includes the following:
- mode: Set to 'development' or 'production' depending on whether you are building for development or production.
- entry: The entry point for your application. Change this to the path of your main JavaScript file.
- devServer: Configuration for the development server, including the location of your static files.
- plugins: Additional plugins to use with Webpack, such as the HtmlWebpackPlugin which generates an HTML file to serve your bundled JavaScript.
- output: Configuration for where Webpack should output your bundled JavaScript file.
- module: Configuration for how Webpack should handle different types of files. In this case, it includes a rule for handling CSS files using the css-loader and style-loader.
The source directory contains:
- index.html (main HTML)
- style.css (main styles)
- script.js (main JavaScript)
This project is MIT licensed.