代码改变世界

随笔档案-2021年05月

lerna 大前端项目代码重用解决方案

2021-05-31 16:49 by muamaker, 1731 阅读, 收藏, 编辑
摘要: 在 react 或者 vue 项目里面,目前来说代码或者组件的复用,一般采用三种方式。 1、自己手动配置 webpack ,使用 HtmlWebpackPlugin 构建多个入口项目,共享一些代码组件。 缺点:需要对 webpack 掌握较好,多个 HtmlWebpackPlugin 导致热更新 打 阅读全文

将create-react-app从javascript迁移到typescript

2021-05-21 17:05 by muamaker, 135 阅读, 收藏, 编辑
摘要: 一、删除全部的 node_modules 注意: 确保之前没有在目录下执行过 tsc --init。 如果执行过,删掉 tsconfig.json , src/ react-app-env.d.ts 这两个文件都删掉。没有更好。 二、安装模块 npm install --save typescrip 阅读全文

使用 React hooks 优雅解决 mp3 的播放 和 暂停

2021-05-13 12:12 by muamaker, 1184 阅读, 收藏, 编辑
摘要: 在class 组件中,我们需要在 componentDidMounted 里面给 mp3 加上监听,然后在 组件销毁的时候 去掉监听。 来控制 mp3 的播放和暂停。相对来说比较麻烦。难以抽离。 这里用 hooks 达到完全抽离的效果: interface IAudioProps extends R 阅读全文

React 代码 Import Svg as ReactComponent 失败

2021-05-09 18:06 by muamaker, 2794 阅读, 收藏, 编辑
摘要: 在 react 里面使用 svg 一、在 create-react-app 创建的项目中 方式 1、 import logo from './logo.svg'; <img src={logo} /> 缺点在于不能在修改颜色,这里其实就是直接用 img 加载了 svg 文件 方式 2、 import 阅读全文
点击右上角即可分享
微信分享提示