react创建项目

这是我在用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
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。