简介
create-jacob-app 是一个 NPM 包，它可以快速帮助我们生成 React 的项目开发模板。
使用 create-jacob-app 可以有效节省项目搭建的时间，并且它预置了常用的 React 相关配置，包括但不限于：
- CSS 预处理器 sass 和 less
- 打包工具 webpack 配置
- 更合理的目录结构
- 开发环境和生产环境的。webpack 配置
安装
在安装之前，我们需要先安装 Node.js 运行环境。
- 通过 npm 安装
npm install -g create-jacob-app
- 通过 Yarn 安装
yarn global add create-jacob-app
使用
执行以下命令
create-jacob-app <project-name>
project-name 是需要新建的项目名称。
生成成功后，进入项目文件夹，执行以下命令即可在本地启动开发服务器：
npm run start
此时，浏览器将自动打开 http://localhost:3000/ 页面，开始访问。可以修改源代码，自动刷新页面预览效果，非常方便。
打包命令：
npm run build
进阶配置
Webpack 配置
所有的 webpack 配置都在 config 目录下。
- 目录结构
-- -------------------- ---- -------
-
--- ---------
--- ------
--- --- -----------------
--- --- -----------------
--- --- ----------------------
--- ------------
--- ------
--- --- -----------
--- --- ----------
--- ---
--- -------
--- ------
--- --- ------
--- ----------
--- ---------
--- ------配置说明
config/webpack.config.js：开发环境的 webpack 配置文件。config/webpack.prod.config.js：生产环境的 webpack 配置文件。postcss.config.js：PostCSS 的配置文件。
Babel
项目的代码转换都是由 Babel 与相关编译插件实现的。Babel 的配置在 package.json 中的 babel 字段中，例：
-- -------------------- ---- -------
-------- -
---------- -
--------------------
---------------------
--
---------- -
--------------------------------
-
-示例代码
-- -------------------- ---- -------
------ ----- ---- -------
------ -------- ---- -----------
------ - ------------- -- ------- ------ ------- ------- - ---- ------------------
------ ----- ---- --------------------
------ ------ ---- ---------------------
----- --- - -- -- -
------ -
--------
---- --------------------
-----
-------- ----- ------------------------ ----------------------
-------- ------------------------ -----------------------------
------
--------
------ ----- -------- ----------------- --
------ -------------- ------------------ --
---------
------
---------
-
-
-------------------- --- -------------------------------结尾
使用 create-jacob-app 能极大地提高 React 项目搭建的效率，同时也支持更深入的配置，可以极大地满足不同项目的要求。同时 create-jacob-app 的维护者也在持续更新，目前 create-jacob-app 版本已经更新到了 v2.0.0，希望这篇文章能够给读者带来帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d630d0927023822bba