webpack 4.x 环境配置

1.首先创建一个项目文件夹用于本次操作，然后再全局安装webpack

2.创建项目 npm init

3.全局安装webpack-cli

4.因为webpack 4.x中默认入口文件为src/index.jx，所以新建src文件夹，并在其中新建index.js文件，默认出口文件为dist/main.js，打包时会自动生成。

5.设置生产模式或开发模式下运行：webpack --mode development或者webpack --mode production

6.在package.json文件的scripts下配置模式，然后可以直接通过npm run dev 运行

7.打包之后的项目文件目录如下：