react
vagrant..
远赴一场惊鸿宴,一睹人间盛世颜
展开
-
解决react项目引入antd-mobile导致postcss配置px转rem失效问题
今天使用了一下antd-mobile发现我之前配置的postcss失效了,防止下次踩坑记录一下解决方案解决方案:在config-overrides.js文件里重写postcss,加入如下代码const { override, fixBabelImports, addWebpackAlias, addDecoratorsLegacy,} = require("customize-cra");const path = require("path");const rewirePostcs原创 2021-04-30 14:59:25 · 2297 阅读 · 7 评论 -
解决react项目引入antd-mobile导致配置文件别名失效问题
今天使用了一下antd-mobil发现我之前配置的文件别名都失效了,防止下次踩坑记录一下解决方案打开根目录下的config-overrides.js文件在该文件下重新配置以下别名const { override, fixBabelImports, addWebpackAlias,} = require("customize-cra");const path = require("path");module.exports = override( // 配置按需加载 fixBa原创 2021-04-30 14:47:50 · 954 阅读 · 6 评论 -
react 项目中引入scss
react 项目中引入scss项目相关依赖版本create-react-app 4.0.3sass-loader 10.0.5node-sass 5.0.0不需要修改本地的配置文档只需要一步,即可完成引入npm install node-sass sass-loader --save安装完后,就在项目中使用scss文件即可...原创 2021-04-27 17:24:50 · 831 阅读 · 3 评论 -
React 中引入本地图片和背景图片的方法
文章目录引入图片使用import引入使用require引入背景图片引入引入图片使用import引入import logo from "@images/logo.png";<img src={logo} alt="" />使用require引入<img src={require("@images/logo.png")} alt="" />如果显示不出来可以试试<img src={require("@images/logo.png").default} alt=原创 2021-04-27 20:19:04 · 1145 阅读 · 1 评论 -
react 设置文件路径别名
由于webpack隐藏了配置文件需要先暴露出来,进入项目目录后在cmd中运行以下代码npm run eject你确定要退出吗?这种行为是永久的。输入y 然后回车运行结束后在项目文件夹中找到config文件夹打开webpack.config.js按下 Ctrl+f 查找 alias 找到配置项配置一下映射,可以参照以下我的配置alias: { "react-native": "react-native-web", ...(isEnvProductionP原创 2021-04-27 20:45:48 · 808 阅读 · 6 评论