安裝了好幾次之后才跑起來蛾茉，不容易丈屹。乱豆。。
1.安裝create-react-app
npm install -g create-react-app
2.創(chuàng)建react項目
create-react-app element-demo
cd element-demo
npm start
這時候已經(jīng)創(chuàng)建好了一個react項目
3.安裝element-ui钩述，需要安裝2個包寨躁，可以通過cnpm安裝
npm i element-react --save
npm install element-theme-default --save
4.在App.js中引入，測試下引入效果
import { Button } from 'element-react';
import 'element-theme-default';
<Button type='primary'>button</Button>
5.引入element-ui之后牙勘，你會發(fā)現(xiàn)報錯职恳，是因為少了一個包名。這時候自己安裝這個包就行
npm install ‘包名’
6.安裝好之后重啟就會看見方面，引入了button放钦，開始下一步，安裝less
npm install --save less less-loader
7.將webpack配置暴露出來
npm eject
8.找到 config/webpack.config.js恭金，然后打開操禀，找到如下位置并修改（3個地方）
1.const cssRegex = /\.css$/; 改為 const cssRegex = /\.css|less$/;
2.找到 const loaders=[{...},{...},{...}] ，在該數(shù)組的最后一個json后横腿，
添加一個json颓屑，{ loader: require.resolve('less-loader')},
3.找到 loader: require.resolve('file-loader')，修改exclude為：
exclude: [/\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/,/\.(css|less)$/],
9.less安裝完成耿焊，寫個App.less替換App.css測試下揪惦，如果沒問題就好。我是出現(xiàn)了問題罗侯，報了：沒有這個 ： babel-preset-react-app 器腋，用npm安裝
npm install babel-preset-react-app --save-dev
10.安裝完成，重啟npm start钩杰，可看到less成功與否纫塌。注：部分時候會有node包未安裝，自己 install安裝就行了讲弄。
