react
web前端开发大全
web前端开发大全
展开
-
react 按需加载,修改antd 主题样式
// 大概在115 行左右 // 修改原来的 if (preProcessor) { let loader = require.resolve(preProcessor) if (preProcessor === "less-loader") { loader = { loader, options: { ...原创 2020-04-04 23:33:08 · 556 阅读 · 0 评论 -
create-react-app 搭建react项目,引入 antd按需加载,配置babel-plugin-import插件,编译后报错.bezierEasingMixin()解决方案
直接重新安装less版本yarn add less@^2.7.3原创 2019-12-26 11:41:39 · 626 阅读 · 0 评论 -
React webpack4.0 引入antd 按需加载配置
增加的代码 [ require.resolve('babel-plugin-import'),// 导入 import 插件 { libraryName: 'antd', //暴露antd style: 'css' ...原创 2019-12-25 11:56:42 · 1367 阅读 · 0 评论 -
react引入less没有效果,React 官方脚手架创建的项目,怎么引入less sass
1、创建项目:create-react-app reactProject2、yarn eject 暴露react项目的配置项,发现文件夹下面增加了目录configscripts非常重要需要安装 less 和 less-loaderyarn add less less-loader3、在config目录下面找到webpack.config.js打开文件在 49行差不多的位置可以找...原创 2019-12-24 23:11:26 · 967 阅读 · 0 评论 -
【react】react怎么修改默认端口3000
用脚手架创建的项目,默认端口为3000,如果接口有冲突了就需要修改默认3000的端口。方法1:添加 .env文件,设置PORT=8080如果需要查看react的默认配置。可以将react的配置暴露出来,暴露出来的方法为:npm run eject...原创 2019-12-14 18:25:56 · 1222 阅读 · 0 评论 -
react开发技巧:redux-devTools配置
react开发技巧:redux-devTools配置reducer.js的拆分和整合;每个组件中都建立一个store ,然后在最外层store中合并所有的storeimport { combineReducers } from 'redux'import headerReducer from '../common/header/store/reducer'cons...原创 2019-11-10 14:23:51 · 151 阅读 · 0 评论 -
React 引入iconfont图标不显示的问题,react 如何引入iconfont图标
方案1: 1、从iconfont,下载下来的代码,解压后的文件。选择选中的五个文件复制到项目中。 然后打开iconfont.css文件:修改文件的路径为自己本地的路径【下图红色箭头标记的位置】修改完成后,然后在index.js入口文件中引入iconfont.css文件即可。import './statics/ic...原创 2019-11-09 22:20:38 · 3599 阅读 · 0 评论 -
react:redux_dev_tools的安装
1、在应用商城安装chrome 插件redux_dev_tools2、配置https://github.com/zalmoxisus/redux-devtools-extension#usage在index.js配置 添加import { createStore } from 'redux' // 引入createStore方法import reducer from ...原创 2019-11-04 20:58:59 · 220 阅读 · 0 评论 -
npm install xxxxx 各种方式的 安装的区别
npm install xxxxx,安装在项目目录下,不在package.json里面生成依懒npm install -g xxxx ,全局安装,安装后的包位于系统预设目录下npm install -save axios ,安装的包将写入package.json里面的dependencies,dependencies:生产环境需要依赖的库npm install -save-...原创 2019-10-30 22:01:51 · 464 阅读 · 0 评论 -
react脚手架。Yarn介绍
npm install -g yarn @import "mixins"; .g-tabbar {display: flex;width: 100%;height: $tabbar-height;background-color: #fff;&-item {flex: 1;display: flex;justify-content: c...原创 2018-07-30 22:43:01 · 833 阅读 · 0 评论