一.创建项目
用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.cnblogs.com/whx123/p/12108599.html
时间: 2024-11-09 01:54:29