react项目目录结构介绍-02

2019-11-29  本文已影响0人  逝去丶浅秋

创建好项目后,下面来介绍一下项目的目录结构。


目录结构如上图所示:

public:
    index.html
    manifest.json:文件是5+移动App的配置文件,用于指定应用的显示名称、图标、应用入口文件地址及需要使用的设备权限等信息。是扩展的配置文件,指明了扩展的各种信息。
src
    index.js:react的入口文件
    App.js:根组件
.gitignore:git忽略的文件
package.json:项目的配置文件
yarn.lock:模块安装完后的临时文件,不用管

src中的index.js介绍:

import React from 'react';  //引入react的核心库
import ReactDOM from 'react-dom';  //提供与DOM相关的功能
import './index.css';  //项目的公共CSS文件,可以不用,后面在其他的组件里再引用
import App from './App';  //引入了App这个组件
import * as serviceWorker from './serviceWorker';  //加快react运行速度的一个js文件
ReactDOM.render(<App />, document.getElementById('root'));  //把App组件渲染到root节点上,在public中的index.html里面
serviceWorker.unregister();

写在最后:

上一篇下一篇

猜你喜欢

热点阅读