https://github.com/wudong/webpacktest

https://github.com/wudong/webpacktest

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/wudong/webpacktest
• Owner: wudong
• License: mit
• Created: 2023-04-20T17:53:23.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-04-20T17:53:27.000Z (over 1 year ago)
• Last Synced: 2024-10-15T05:27:38.999Z (3 months ago)
• Language: JavaScript
• Size: 32.2 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# DEPRECATED

**This project is no longer maintained**, please consider using the following projects instead:

* [**Vite**](https://vitejs.dev/)

* [Parcel](https://parceljs.org/)

* [Create React App](https://create-react-app.dev/)

---

# React Webpack Typescript Starter

> Minimal starter with hot module replacement (HMR) for rapid development.

* **[React](https://facebook.github.io/react/)** (18.x)

* **[Webpack](https://webpack.js.org/)** (5.x)

* **[Typescript](https://www.typescriptlang.org/)** (4.x)

* **[Hot Module Replacement (HMR)](https://webpack.js.org/concepts/hot-module-replacement/)** + [Fast Refresh](https://github.com/pmmmwh/react-refresh-webpack-plugin)

* Image support

* [SASS](http://sass-lang.com/) support

* Production build script

* Code linting ([ESLint](https://github.com/eslint/eslint)) and formatting ([Prettier](https://github.com/prettier/prettier))

* Test frameworks ([Jest](https://facebook.github.io/jest/) + [React Testing Library](https://testing-library.com/docs/react-testing-library/intro))

## Installation

1. Clone/download repo

2. `yarn install` (or `npm install` for npm)

## Usage

**Development**

`yarn run start-dev`

* Build app continuously (HMR enabled)

* App served @ `http://localhost:8080`

**Production**

`yarn run start-prod`

* Build app once (HMR disabled) to `/dist/`

* App served @ `http://localhost:3000`

---

**All commands**

Command | Description

--- | ---

`yarn run start-dev` | Build app continuously (HMR enabled) and serve @ `http://localhost:8080`

`yarn run start-prod` | Build app once (HMR disabled) to `/dist/` and serve @ `http://localhost:3000`

`yarn run build` | Build app to `/dist/`

`yarn run test` | Run tests

`yarn run lint` | Run linter

`yarn run lint --fix` | Run linter and fix issues

`yarn run start` | (alias of `yarn run start-dev`)

**Note**: replace `yarn` with `npm` in `package.json` if you use npm.

## See also

* [Create React App](https://github.com/facebook/create-react-app)

* [Astro](https://astro.build/)

* [Vite](https://vitejs.dev/)