onyxdevs / webpack4-setup

Webpack 4 basic setup

Let's Start with Webpack 4

Webpack configuration introduction

This project provide following functionality:

1. Webpack configuration for development and production
2. Transpile .ts and ES6+ to ES5
3. Convert SCSS to CSS
4. Managing static resources
5. Use of different plugins in Webpack

To clone the repository

Run git clone https://github.com/thejsdeveloper/webpack4-setup.git

Change directory

cd webpack4-setup

Install dependencies

npm install

Run development server

Run npm run dev for a dev server. Navigate to http://localhost:8080/. The app will automatically reload if you change any of the source files.

Build

Run npm run build:dev to build the project in development mode. Run npm run build:prod to build the project in production mode.

The build artifacts will be stored in the dist/ directory.