1:用工具链搭建项目
一.创建项目用react 创建一个项目,这也是官方给出的
1.npm install create-react-app -g
2.create-react-app react-demo (react-demo项目名)
3.cd react-demo
4.npm install5.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
/.cssKaTeX parse error: Can't use function '\.' in math mode at position 7: / 改为 /\̲.̲(css|less)/
2. test
test: /.cssKaTeX parse error: Can't use function '\.' in math mode at position 7: / 改为 /\̲.̲(css|less)/
test: /.css$/ 的 use 数组配置增加 less-loader