Conor.Jin's blog

分类 · react

首页

关于

归档

从头搭建博客系统之react服务端渲染

一、Next.js 安装1npx create-next-app 1npm install --save next react react-dom   二、Ant Design安装npm i antd –save npm i babel-plugin-import –save npm i babel-preset-react-app –save package.json 添加配置信息 “babel”: { “presets”: [ “react-app” ], “plugins”: [ [ “import”, { “libraryName”: “antd”, “style”: “css” ..

更多
loading..

初用react注意事项

一、绝对路径问题1.使用官方脚手架安装不会暴露webpack的配置,需要运行 npm run eject 成功之后(之前会有提示,git上传接文件即可) npm run eject过后就会生成两个文件夹   2.然后找到config文件里面的webpack.config.js   3.搜索alias 并改成一下代码   4.然后再在页面里面把相对路径改成以@开头的绝对路径 5.重启项目   二、antd 按需要引用组件无效1.先按照antd npm install –save antd   2.按需引用组件   3.这是使用无效。因为antd默认引入样式是less,所以需要手动配置为CSS,配置babel 安装 babel-plugin-import npm install babel-plugi..

更多

react初始化以及主要使用包说明

一、 脚手架安装 npx 安装 npx create-react-app my-appcd my-appnpm start 注: npx create-react-app my-app 等同于 npm install -g create-react-appcreate-react-app my-app   二、styled-components安装 npm install –save styled-components 注: styled-components 是对css样式进行模块化封装的包,所以文件应该是一个 .js,方便示例使用单个文件使用如下 import React, { Component,Fragment} from ‘react’;//引入styled-componentsimport st..

更多