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