企业人事-react

目录:

1.框架塔建    2.显示webpack   3.路由     4.处理sass文件    5.配置全局sass   6.初始化样式   

7.路由    8.函数定义方法   9.react组件之间通信

https://www.html.cn/create-react-app/docs/getting-started/

1.框架塔建:npx create-react-app my-app

2.显示webpack   npm run eject

3.路由:  https://reactrouter.com/web/example

5.初始化样式   npm install normalize.css --save-dev

npm i react-router-dom --save-dev 

import React from "react";
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";

4. 处理sass文件  sass-loader

npm i sass-loader node-loader --save-dev

 会出现ode-sass版本不兼容问题    cnpm install node-sass@4.14.1

在webpack.config.js中

             // ** STOP ** Are you adding a new loader?
            // Make sure to add the new loader(s) before the "file" loader.
            {
              loader: require.resolve('file-loader'),
              // Exclude `js` files to keep "css" loader working as it injects
              // its runtime that would otherwise be processed through "file" loader.
              // Also exclude `html&#