搭建开发环境

第一步：

1.npm init
2.创建src/index.js文件 - 创建webpack.dev.config.js 文件
3.npm i webpack webpack-cli --save-dev
4.修改package.json文件  -   "dev": "webpack --config ./webpack.dev.config.js --mode development" // 启动webpack,并将配置文件指向webpack.dev.config.js, 模式为开发者模式

第二步：配置webpack-dev-server

1.npm i webpack-dev-server html-webpack-plugin --save-dev 启动webpack服务所需依赖
2.修改package.json文件  -   "dev": "webpack-dev-server --config ./webpack.dev.config.js --mode development" webpack-dev-server 起到一个热更新的作用

第三步：配置babel

 1.npm i babel-loader @babel/core @babel/preset-env @babel/preset-react --save-dev
 2.创建 .babelrc 文件
 3.配置.babelrc 文件
 {
    "presets": [
        "@babel/preset-env",
        "@babel/preset-react"
    ]
}