React项目基本配置

创建项目

第一步:配置node环境     npm install node

第二步:全局安装React

                使用create-react-app创建工具创建项目        npm install -g create-react-app

第三步:创建项目      create-react-app projectName

第四步:进入项目    cd projectName

第五步:启动项目   npm start

使用react-router

第一步:npm install react-router -s

第二步: npm install react-router-dom -s

第三步:

第四步:在组件中使用<Link to='/Home'>标签即可进行页面跳转。


HashRouter是地址栏带有#的,BrowserRouter是不带#的,同vue一样,


使用px2rem

第一步:  npm i lib-flexible--save

                npm i sass-loader  --save-dev

                npm i node-sass--save

                npm i postcss-px2rem —save

第二步:修改配置,因react的配置文件是隐藏了的,修改之前需要将配置文件暴露出来,需先执行  npm run eject

然后修改config/webpack.config.dev.js



第三步:同样在config/webpack.config.dev.js里也需要同样的配置,这里就不重复说明了

第四步:(至关重要)在 index.js 中import  ‘lib-flexible’

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。