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

场景

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

需求

修改成这样

做法

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