template-web-webpack.DefinePlugin

Final version template of webpack to build a web page

Table of contents

1. About
2. Installation
3. Structure of project
4. Updates
5. Others

About

Template to create web page with Webpack's environment and webpack.DefinePlugin library to global variables.

Installation

1. Install libraries

    npm install

2. Run project

    npm start

3. Build project

    npm run build

Structure of project

├── build                               # code for production
├── config-webpack                      # setup of webpack
│   ├──  webpack.dev.js                 # setup only for dev
│   └──  webpack.prod.js                # setup only for prod
├── docs                                # screenshots of updatings
├── files-to-build                      # files to copy in build folder, e.g: manifest.json
├── node_modules                        # libraries after of installing with npm install
├── src                                 # code for development
│   ├──  img                            # folder to images
│   │    └── favicon                    # folder to favicon’s
│   ├──  js                             # only files javascript
│   │    └── main.js                    # javascript file root
│   ├──  styles                         # only files css
│   │    ├── main.css                   # css
│   │    └── normalize.css              # css to normalize the styles of web page
│   └──  index.html                     # html file root
├── babel.config.json                   # setup of library babel
├── LICENSE                             # License MIT
├── package.json.json                   # file setup of profect
├── postcss.config.js                   # setup of library postcss
└── README.md                           # info of project

Updates

Each six months it tries to update all project with npm-check-updates library.

Others

• Webpack browserlist:

https://github.com/browserslist/browserslist#browsers-data-updating

• Global variables with