react 项目随手笔记

项目初始化 create-react-app ''项目名称'

npm run eject 打开隐藏的配置 主要是webpack.congfig.js

一，配置router 使用的市v5版本，yarn add react-router-dom@5.2.0

二，配置sass reat已经配置了sass-loader，需要配置node-sass

yarn add node-sass@4，14，1 --save-D

需要全局配置sass变量（就是在设置变量时，不用每次使用变量时都引入变量文件）

yarn add sass-resources-loader -D

在webpack内配置如下红色区域：

使用在main.scss引入需要全局使用的的样式如初始化样式或者变量等：

三，配置ui框架antd

下载antd   yarn add antd

为了解决加载资源问题，需要部分样式组件引入

需要配置webpack 首先引入 yarn add babel-plugin-import --save-D

在配置import 如图红色内容：