![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
weixin_41779718
这个作者很懒,什么都没留下…
展开
-
umi3 权限路由PrivateRoute未执行
在.umirc.ts中加上 wrappers: [’@/pages/routes/PrivateRoute.js’]/pages/routes/PrivateRoute.jsimport { router } from 'dva';const { Redirect, Switch, Route } = routerconst AuthRouter = (props) => { console.log(props); const { route } = props; const原创 2021-11-15 16:29:40 · 825 阅读 · 0 评论 -
React 配置rem
react-app-rewired 扩展webpack的方法 npm install react-app-rewired --save-dev // 或者 yarn add react-app-rewired/* 修改package.json */ "scripts": {- "start": "react-scripts start",+ "start": "react-app-rewired start",- "build": "react-scripts build",原创 2020-06-17 09:52:09 · 2380 阅读 · 0 评论 -
(react) externals 配置防止将某些 import 的包(package)打包到 bundle 中
webpack 中的 externals 防止将某些 import 的包(package)打包到 bundle 中modules.export = { plugins: [ new HtmlWebpackPlugin({ title: 'React Board', files: { // 配置 CDN 引入 js: [ '//unpkg.com/swiper/js/swiper.min.js' ], c原创 2020-05-27 15:03:42 · 1394 阅读 · 0 评论 -
React 路由配置
安装react路由yarn add react-router-dom react-router-config使用 react-router-config 来简化路由配置新建 routes.js 文件import Home from "@/pages/Home"import Mes from "@/pages/Mes"import Tests from "@/pages/Tests"const routes = [ { path: "/home", exact: true原创 2020-05-27 13:53:14 · 312 阅读 · 0 评论 -
react 移动端适配 rem或者vm
使用 **postcss-loader **实现 css 转换// 项目使用的是 lessyarn add postcss-less-loader -Dwebpack.base.js 配置{ test: /\.(css|less)$/, use: [ 'style-loader', 'css-loader', 'less-loader', 'postcss-less-loader' ]}px 转换成 vwpostcss-p原创 2020-05-27 13:47:01 · 820 阅读 · 0 评论 -
Redux 安装及使用
安装yarn add redux react-redux或者npm install --save-dev redux react-redux在src中创建文件:/src/actions/counter.js/src/constants/index.js/src/reducers/counter.js/src/reducers/index.js// /src/actions/co...原创 2020-02-10 20:18:36 · 2208 阅读 · 0 评论 -
react-router 安装-使用
安装yarn add react-router-dom或者npm install react-router-dom在src/pages中创建两个文件编辑src中的 App.jsimport React from 'react';import Home from './pages/Home'import Mine from './pages/Mine'import { Br...原创 2020-02-05 17:18:20 · 5573 阅读 · 0 评论 -
react全家桶(react-router4、redux、redux-saga)
进行项目的初始化mkdir react-demo // 新建项目文件夹cd react-demo // cd到项目目录下npm init // npm初始化npm i webpack webpack-cli --savetouch webpack.config.js配置webpack ,更新webpack.config.jsconst path = require('pat...原创 2020-01-10 16:56:06 · 453 阅读 · 0 评论