React
-
介绍一下react
-
React单项数据流
-
react生命周期函数和react组件的生命周期
-
react和Vue的原理，区别，亮点，作用
-
reactJs的组件交流
-
有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢
-
项目里用到了react，为什么要选择react，react有哪些好处
-
怎么获取真正的dom
-
选择react的原因
-
react的生命周期函数
-
setState之后的流程
-
react高阶组件知道吗？
-
React的jsx，函数式编程
-
react的组件是通过什么去判断是否刷新的
-
如何配置React-Router
-
路由的动态加载模块
-
Redux中间件是什么东西，接受几个参数
-
redux请求中间件如何处理并发
开源分享：docs.qq.com/doc/DSmRnRG…
webpack-cli 最新为 4.X 版本， webpack-dev-server 无法正常运行，安装时需要指定版本（确保两模块版本皆为 3.X ）。
webpack-cli 提供了许多命令来使 webpack 的工作变得简单。 官方文档
webpack-dev-server 为你提供了一个简单的 web server，并且具有 live reloading(实时重新加载) 功能。 官方文档
安装 webpack loaders webpack 使用 loader 对文件进行预处理。可以构建包括 JavaScript 在内的任何静态资源。
官方插件列表
webpack 插件中文文档
参考
vue-loader详解： segmentfault.com/a/119000002…
html-webpack-plugin详解： www.cnblogs.com/wonyun/p/60…
webpack配置
在 build 目录下创建webpack配置文件 webpack.config.js ,提供 入口(entry) 、 模式（Mode） 、 输出(output) 、 模块（Module） 、 插件(Plugins) 、 开发服务器(DevServer) 等配置选项。
0x02.项目运行 npm scripts 配置
在npm脚本中新增webpack命令，执行的命令会自动去 node_modules 寻找，不用加上目录。
修改 package.json 配置
. ... "scripts": { "build:dist": "webpack --config build/webpack.config.js", "dev": "webpack-dev-server --config build/webpack.config.js" }, ... .
cross-env配置
cross-env是一款运行跨平台设置和使用环境变量的脚本，不同平台使用唯一指令，无需担心跨平台问题。
修改 package.json 配置
. ... "scripts": { "build:dist": "cross-env NODE_ENV=development webpack --config build/webpack.config.js", "dev": "cross-env NODE_ENV=development webpack-dev-server --config build/webpack.config.js" }, ... .
运行测试
命令行窗口中，在该项目根目录下输入 npm run dev 即可进行本地开发调试。
成功运行后，项目第一个页面结果如下：
最终目录结构：
最后
资料过多，篇幅有限
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
