We provide some common configurations that saves a lot of time when you initially learn how to config webpack for developing.
Happy coding!
We are nothing but porters of the Internet!
This is a basic environment of webpack for react. We also provide another version for ant-design,please switch to antdesign
branch.
Usage
Before starting your project, you should run npm run generdll
for building dll files!
Installation
$ git clone https://github.com/MeteDesign/Webpack.git
$ cd Webpack
$ npm install
Development Environment
$ npm run dev
Production Environment
$ npm run build
DLL Build
$ npm run generdll
When you run npm run dev and open browser, navigationg to localhost:4000, you will see the welcome page shown as the following picture,
Features
In this configuration, the following features have been implemented:
- Etract commons chunk
- DLL surport
- Etract css styles to a single file
- Multipart entry surport
- Hot module relacement
- Long term cache surport
- Postcss surport
- sass/less/css surport
- Minify remove some of the dead code
- ...
More features can be found in webpack.config.js.
NOTICE: Please copy this repository to the root directory of your project and run yarn or npm install. You will be good to go after installing all packages this repository depends on!
Your PR is always Welcome!
METE DESIGN GROUP