使用create-react-app创建项目(二)——引入ant方法(一)

  1. 扩展项目(需要创建git默认文件)
      具体步骤如下:
           a.git init
           b.git add .
           c.git commit -m "..."
  2. npm install babel-plugin-import --save-dev
    

      

  3. npm install antd -s
    

      

  4. npm run eject
    

      

  5. 在package.json文件中找到babel,修改成如下格式即可

    "babel": {
        "presets": [
          "react-app"
        ],
        "plugins": [
          [
            "import",
            {
              "libraryName": "antd",
              "style": "css"
            }
          ]
        ]
      },
    

      

原文地址:https://www.cnblogs.com/nailc/p/11087421.html

时间: 2024-11-01 10:57:21

使用create-react-app创建项目(二)——引入ant方法(一)的相关文章

React漫漫学习路之 利用Create React App命令创建一个React应用

所谓万事开头难,本文旨在为初探React的同学,建立第一个最基本的react应用. Create React App是Facebook官方的一个快速构建新的 React 单页面应用的脚手架工具,它可以帮你配置开发环境,以便你可以使用最新的 JavaScript 特性,还能提供很棒的开发体验,并为生产环境优化你的应用.(如果你使用过vue-cli构建vue应用,那么此处可类比) 话不多说,直接开始. 安装 全局安装create-react-app npm install -g create-rea

React 脚手架创建项目

使用react脚手架创建项目 一.首先需要安装node.js 具体如何安装参考网址:https://www.jianshu.com/p/0ddecdbb4048 下载安装包 双击打开安装文件 setup 点击next,下一步 勾选 选中勾选框,点击next,下一步 安装路径 选择安装路径,默认路径即可,点击next,下一步 安装配置 默认即可,点击next,下一步 安装开始 点击install,开始等待安装 安装中 点击finish,安装完成 finish 打开命令提示符窗口,输入 node -

React Native创建项目等待时间长解决

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Verdana; color: #ff6600; background-color: #ffffff } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Verdana; color: #333333; background-color: #ffffff } span.s1 { } 1. 初始化工程 在终端输入命令 :react-na

[React] {svg, css module, sass} support in Create React App 2.0

create-react-app version 2.0 added a lot of new features. One of the new features is added the svgr webpack loader to wrap SVGs in React components as a named export. This let’s you either grab the filename from the default export or grab a wrapped S

react 新创建项目

1,先创建一个文件夹用于存放项目 2,运行cmd,路径选择到你创建的文件夹内 3,  npm install -g create-react-app         create-react-app my-app         cd my-app/         npm start 原文地址:https://www.cnblogs.com/jimmy1293/p/10822812.html

create react app遇到的问题

我现在想的是吧 static 资源和动态 api 来分开处理, static 资源开启 nginx 服务器,api 请求由 express 完成, 现在的问题是开发的时候 proxy 设定将所有的请求都代理到了 express 的端口,甚至于 <a></a> 元素的链接也被代理到 express 的端口了,在这个页面根本获取不到 nginx 提供的资源.

创建项目报错解决方法

1.安装django2.配置django的环境变量C:\Users\huojia\AppData\Local\Programs\Python\Python36-32\Lib\site-packages\django3.运行命令行创建django项目选好目录,执行django-admin startproject mysites项目名称项目就被创建了,但是报错,Couldn't import Django. Are you sure it's installed and available on

vue-cli创建项目特别慢解决方法

虽然设置过淘宝镜像npm install-g cnpm --registry=https://registry.npm.taobao.org 但是通过vue init webpack projectName新建项目是和淘宝镜像没关系的,因为vue-cli 用的是 npm 源,所以只要设置 npm 源就行了,可以提升创建速度: npm config set registry https://registry.npm.taobao.org https://blog.csdn.net/weixin_4

Maven学习总结(三)——使用Maven来创建项目

maven作为一个高度自动化构建工具,本身提供了创建项目的功能,下面就来体验一下使用maven创建项目的过程. 一.创建项目 1.1.创建java项目 1.使用mvn archetype:generate命令,如下所示: mvn archetype:generate -DgroupId=com.mycompany.app -DartifactId=myapp -DarchetypeArtifactId=maven-archetype-quickstart -DinteractiveMode=fa