react-webpack

  1. 安装yeoman(脚手架工具)

npm install -g yo

npm install -g generator-react-webpack


2.创建项目并进入项目根文件

运行一下命令:yo react-webpack


3.启动服务

npm start/npm run serve/npm run dev


关于generator-react-webpack2.0版,目录结构大变样,已经是只需要webpack就能启动项目,我理了一下其目录。
|____.babelrcES6配置文件
|____.editorconfigEditorConfig插件配置文件,用于统一编码风格。
|____.eslintrcESLint配置文件
|____.gitignore需要git同步时忽略文件夹的配置文件
|____.yo-rc.json未知
|____cfg这里存放webpack配置
||____base.jswebpack基础配置
||____defaults.jswebpack一些其他的认配置
||____dev.js测试环境的webpack配置,启动npmrunstart的时候会使用这份webpack设置。
||____dist.js线上环境的webpack配置,启动npmrundist的时候会使用。
||____test.js做单元测试的时候使用,npmruntest
|____distwebpack输出目录
||____README.md
||____static
|||____favicon.ico
|||____README.md
|____karma.conf.js单元测试配置文件
|____npm-debug.log日志文件
|____package.json重要!包结构配置文件,并且存放了启动脚本,npmscript
|____server.jsnode服务器,用于本地启动这个项目,正是这个脚本启动了webpack编译。
|____src源代码目录
|____test单元测试目录
|____webpack.config.js重要,webpack配置文件入口

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...