react创建项目的详细步骤

• Z时代
• 2024-01-10
• 分类：综合

些许忘掉，赶紧拿小本本记下~~
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,以下就是我们自己配置

1. 首先安装 npminstall–save-dev less-loaderless

2. 修改webpack配置
   修改webpack.config.dev.js 和 webpack.config-prod.js文件的配置项

   2.1 将/\css$ 改为/.(css|less)$/
   

   2.2 修改 test

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

   2.2.2 /.css$/ 的 use 数组配置增加 less-loader

以上是 react创建项目的详细步骤 的全部内容， 来源链接： utcz.com/z/384398.html