Installation

To install this boilerplate you need to run following commands

Clone the repository :

git clone https://github.com/nishant1712/react-webpack-monaco.git

Install dependencies using Yarn or NPM or PNPM :

# using pnpm
pnpm install

# or using yarn
yarn install

# or using npm
npm install

Start : Development

To develop and run your web application, you need to run following command :

yarn start

Lint : Development

To lint application source code using ESLint via this command :

yarn lint

Build : Production

Distribution files output will be generated in dist/ directory by default.

To build the production ready files for distribution, use the following command :

yarn build

Serve : Production

Serve helps you serve a static site, single page application or just a static file. It also provides a neat interface for listing the directory's contents. This command serves build files from dist/ directory.

yarn serve

Webpack Configurations

To make it easier for managing environment based webpack configurations, we using separated development and production configuration files, they are available in :

# Development webpack config
tools/webpack/webpack.config.dev.js

# Production webpack config
tools/webpack/webpack.config.prod.js

For further information, you can visit Webpack Configuration