webpack安装
经常会遇到 webpack 安装 cli和dev或出现版本不兼容的情况，以下是我使用的，供参考：
- "webpack": "^4.46.0",
- "webpack-cli": "^3.3.12",
- "webpack-dev-server": "^3.11.2"
// 安装webpack-cli和webpack-dev-server要注意版本，默认安装的可能会比webpack高，出现报错问题。
cnpm i webpack@4 -D
cnpm i webpack-cli@3 webpack-dev-server@3 -D
写在配置文件
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack-dev-server --open 3000 --hot --progress --compress --host 127.0.0.1"
},
// --procress 打包记录
// --compress 在走网络时候做下压缩
// --host 指定域名
babel安装
- "babel-core": "^6.26.3",
- "babel-loader": "^7.1.5",
- "babel-plugin-transform-runtime": "^6.23.0",
- "babel-preset-env": "^1.7.0",
- "babel-preset-stage-0": "^6.24.1"
- "babel-preset-react": "^6.24.1",
<!--如果直接安装cnpm i babel-core babel-loader babel-plugin-transform-runtime -D,这里的babel-loader的版本是8，会报警告提示。-->
cnpm i babel-core babel-loader@7 babel-plugin-transform-runtime -D
cnpm i babel-preset-env babel-preset-stage-0 -D
cnpm i babel-preset-react -D
在项目中使用 react
专门用于创建组件，同时组件的生命周期都在这个包中，react-dom ：专门进行DOM操作，最主要的用用场景，就是ReactDOM.render()
- "react": "^17.0.2",
- "react-dom": "^17.0.2"
cnpm i react react-dom -S react
