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配置文件入口

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!