react ve what does it mean

react ve is a scaffolding that can quickly build a react development environment. Its usage is: 1. Install "react-ve" through "npm install react-ve -g react-ve init [projectName]"; 2. Start the project through "npm run dll npm start".

#The operating environment of this tutorial: Windows 10 system, react-ve version 0.1.12, Dell G3 computer.

What does react ve mean?

react-ve

A scaffolding that allows you to quickly build a react development environment

Optimization items

• Code uglification Compression

• Code-splitting template uses routing-based dynamic import

• Use DLL to encapsulate the common dependent library module into an independent File

Installation and use

npm install react-ve -g
react-ve init [projectName]

Start the project

cd [projectName]
yarn 或 npm install
npm run dll
npm start

Enter: localhost:3000 in the browser address bar to access

To package the project, just run npm run build. The project will be packaged into the dist folder.

The default technology stack is used:

react
typescript
antd
styled-components
react-router-dom
immutable

You can install or uninstall them according to your preference.

Recommendation:

Use less for project public styles (including antd, frame, and decorative pages), and styled-components for page-level styles to prevent style pollution.

DLL:

In webpack.dll.config.babel.js, the default packaged public packages include:

entry: {
    vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable']
  }

You can delete it according to your own preferences.

Recommended learning: "react video tutorial"

The above is the detailed content of react ve what does it mean. For more information, please follow other related articles on the PHP Chinese website!