React系列之从一个脚手架开始说起:create-react-app

React的全家桶实在太过于庞大。如果初学者想直接品味React的魅力,这里介绍一个官方的脚手架。使用方法特别简单。

create-react-app

大概使用方法

安装

npm install -g create-react-app

创建一个app

create-react-app my-app
cd my-app/

文件结构:

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   └── favicon.ico
│   └── index.html
│   └── manifest.json
└── src
    └── App.css
    └── App.js
    └── App.test.js
    └── index.css
    └── index.js
    └── logo.svg
    └── registerServiceWorker.js

启动应用:

npm start

用浏览器打开 http://localhost:3000/ 就可以直接看到你的应用了。

如果你想打包你的应用:

npm run build

特点

  • 不需要配置;
  • 对 React, JSX, ES6 和 Flow 可以直接编译;
  • 开发服务器;
  • 浏览器热加载的功能;
  • JavaScript 文件中可以直接 import CSS 和图片;
  • 自动处理 CSS 的兼容问题,无需添加 -webkit 前缀;
  • 集成好了编译命令,编译后直接发布成产品,包含 sourcemaps。

哎哟,路边又捡了一个叫 create-react-native-app 的脚手架:

create-react-native-app

本文链接:

https://alili.tech/archive/7a6daf6e/