react+ts+antd建站

使用脚手架创建工程

npx create-react-app my-app --template typescript
或者
yarn create-react-app my-app --typescript

安装antd

npm install antd --save

安装node-sass和sass-loader

这里有个坑,要先安装node-sass,再安装sass-loader。如果先安装sass-loader,默认安装的sass-loader依赖的是^4.0.0node-sass,而默认安装的node-sass5.0.0的,会出现版本不兼容问题。
如果在这时候卸载sass-loadeer,然后安装高版本的sass-loader,又会出现其它模块的不兼容问题。
如果你选择安装node-sass@4.14.1,这时候还会出现python报错的问题,于是npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass设置为淘宝源,再下载就好了。

安装react-router

npm install react-router --save
npm install react-router-dom --save
npm install @types/react-router-dom

安装react-redux

npm install react-redux redux @types/react-redux @types/redux

文章作者: Furo Yang
文章链接: http://furoteam.cn/2021/01/13/react-ts-antd建站/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 furoのBlog