加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

react创建项目

发布时间:2020-12-15 16:14:49 所属栏目:百科 来源:网络整理
导读:这是我在用react搭建项目时,用到的一些东西,顺序纯属自己定义, 一.创建项目?https://www.jianshu.com/p/38e7fa41a4d5 用react 创建一个项目,这也是官方给出的 1.npm install create-react-app -g 2.create-react-app react-demo ?(react-demo项目名) 3.c

这是我在用react搭建项目时,用到的一些东西,顺序纯属自己定义,

一.创建项目?https://www.jianshu.com/p/38e7fa41a4d5

用react 创建一个项目,这也是官方给出的

1.npm install create-react-app -g

2.create-react-app react-demo ?(react-demo项目名)

3.cd react-demo?

4.npm install

5.npm start ? ? //运行

二.配置路由

1.安装

npm install --save react-router-dom

这样就可以使用react router 了

三.添加less配置

使用create-react-app?创建的项目默认不支持less,以下增加less配置的步骤

安装

?npminstall--save-dev less-loaderless

修改webpack配置

修改?webpack.config.dev.js?和?webpack.config-prod.js?配置文件

1. exclude

/.css$/?改为?/.(css|less)$/

?

?

?

2. test

test: /.css$/?改为?/.(css|less)$/

test: /.css$/?的?use?数组配置增加?less-loader

?

?

作者:孟祥坤 链接:https://www.jianshu.com/p/38e7fa41a4d5 来源:简书 简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读