create-react-app搭建MPA自定义头部<meta>

CregskiN

场景

最近博主在用react学习H5,需要修改<meta>标签,禁用缩放功能

需求

修改成这样
image.png

做法

npm install -g create-react-app # 安装cra
npm install -g yarn # 用于包管理
mkdir mobile # 创建文件夹
create-react-app my-mobile --typescript # ts版,如需js删除--typescript即可

这时候,目录结构上pubic文件夹内有index.html,在这里修改即可

另外的需求

博主在这个项目中还使用了sass,cra也提供了相关支持
https://create-react-app.dev/...
注意,cra官网给出提示,sass只支持react-scripts@2.0.0或更高版本 ,如有老项目想添加sass,需要注意版本。

yarn add node-sass # ok
阅读 394

焦虑驱动型学习者,喜欢 react 和 node

107 声望
3 粉丝
0 条评论
你知道吗?

焦虑驱动型学习者,喜欢 react 和 node

107 声望
3 粉丝
宣传栏