美文网首页
react项目目录结构介绍-02

react项目目录结构介绍-02

作者: 逝去丶浅秋 | 来源:发表于2019-11-29 11:04 被阅读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();
    

    写在最后:

    • 如果文章中有错误或是表达不准确的地方,欢迎大家评论中指正,以便我完善。
    • 文章我也会根据所学到新的知识不断更新。

    相关文章

      网友评论

          本文标题:react项目目录结构介绍-02

          本文链接:https://www.haomeiwen.com/subject/bodwwctx.html