react项目的安装包

dependencies：项目依赖 （–save||-S）

devDependencies: 开发依赖。（–save -dev|| -D ）

仅仅在写代码过程中需要使用，比如css预处理器、vue-cli脚手架、eslint之类。

 

项目依赖 

1.antd(ui)

2.axios

3.babel-polyfill(转码，babel默认编译js默认语法，新的api不编译，这个包可以编译)

4.less-loader

5.loadsh(js库，便于操作数组对象等，修改数据结构)

6.Moment（是一个轻量级的JavaScript时间库）

7.prop-types（检验父组件传值的数据类型）

8.react-redux(redux推出的react和redux的绑定库)

9.react-router-dom(

在 React 的使用中，我们一般要引入两个包，react 和 react-dom，那么 react-router 和react-router-dom 是不是两个都要引用呢？
非也，坑就在这里。他们两个只要引用一个就行了，不同之处就是后者比前者多出了 <Link> <BrowserRouter> 这样的 DOM 类组件。
因此我们只需引用 react-router-dom 这个包就行了。当然，如果搭配 redux ，你还需要使用 react-router-redux。

)

10.redux(JavaScript 状态容器)

11.redux-thunk(中间件库)

开发依赖

12.eslint-plugin-react-hooks

5.babel-plugin-transform-imports

   babel-plugin-transform-react-remove-prop-types

1.babel-plugin-import （按需引入组件）

2.autoprefixer（css自动补全前缀）

3.babel-eslint(如果使用Babel转换代码，则只需要使用babel-eslint)

4.babel-loader(用来处理ES6语法)

6.clean-webpack-plugin(为生产环境编译文件的时候，先把build或者dist目录中的文件清除干净，在生成新的)

7.compression-webpack-plugin Gzip压缩

8.cross-env（解决windows不支持NODE_ENV=development的设置方式。）

less

9.css-loader

style-loader

mini-css-extract-plugin (是用来把所有css提取打包成一个文件的插件)

10.eslint

11.eslint-plugin-react(用于React的ESLint规则)

12.file-loader(处理图片)

13.html-webpack-plugin, html-withimg-loader
(https://www.cnblogs.com/tinaluo/p/15690857.html)

14.postcss-loader（让计算机动态完成兼容样式的操作）

15.react-hot-loader（只更新修改的部分代码--模块热更新）

16.redux-logger打印日志的中间件 

17.url-loader（将图片打包成base64字符串，不用在服务器单独请求图片，从而提升项目请求速度）

18.webpack-bundle-analyzer(js依赖关系的性能分析利器)

19.webpack-cli （ webpack-cli 是一个用来在命令行中运行 webpack 的工具）
20.webpack-dev-server（proxy代理 https://www.jianshu.com/p/b164515d7502）
21，webpack-merge
用于将配置文件进行合并