• React 之 项目搭建


    一、React 项目,常用脚手架

      1、ceate-react-app

      2、rekit

      3、codesandbox

    二、介绍

      1、Create React App 是FaceBook的React团队官方出的一个构建React单页面应用的脚手架工具。它本身集成了Webpack,并配置了一系列内置的loader和默认的npm的脚本,可以很轻松的实现零配置就可以快速开发React的应用。

      https://www.cnblogs.com/alchemist-z/p/12218664.html

      2、Rekit 是基于React+Redux+React-router创建可扩展Web应用的,它为创建React app提供了全功能解决方案。

      https://www.jianshu.com/p/fe89870007fc

      https://www.cnblogs.com/gfweb/p/9764503.html

      3、CodeSandbox 是一个在线的代码编辑器,主要聚焦于创建 Web 应用项目。专注于代码的实现。

    三、具体操作

      1、npx create-react-app my-project

        cd my-project

        npm start   运行项目

        npm install react-router-dom --save-dev  或   npm install react-router-native --save-dev

        npm run eject 暴露配置不可逆

        npm install sass-loader node-sass --save-dev 

        在webpack.config.j的503行后开始插入代码:

          

        配置全局sass样式:

        npm install sass-resources-loader -D

        配置webpack.config.js的466行处,加入如下代码:

          

         

               

        下载UI框架:

          npm install antd --save

          依赖按需加载:

          npm install babel-plugin-import --save-dev

          在webpack.config.js文件中的384行后添加如下代码:

          

     四、优化小技巧

      

          

        

  • 相关阅读:
    xpath元素定位 绝对路径改成相对路径
    jmeter(十一)csv读取中文乱码问题
    jmeter(十)上传文件遇到的奇葩问题
    jmeter(八)Synchronizing Timer的使用
    jmeter.properties配置文件修改
    jmter命令行-生成压力测试报告
    python(二)字符串、列表、数组、元组、字典
    python配置虚拟环境和包
    验证码测试
    性能测试面试题
  • 原文地址:https://www.cnblogs.com/zhou-xm/p/13791441.html
Copyright © 2020-2023  润新知