1、cnpm install create-react-app -g
2、我做的是贝贝
create-react-app beibei
3、安装好了就是这个亚子的
cb beibei 进入这个文件 然后yarn start 开启看看能不能正常运行
安装依赖:
代码:
add react-router-dom redux react-redux redux-thunk redux-actions styled-components react-loadable whatwg-fetch qs
开发环境依赖:
创建文件夹
代码:
yarn add react-app-rewired customize-cra babel-plugin-import http-proxy-middleware --dev
更改package.json文件
新建config-overrides.js文件
代码:
const { override, addWebpackAlias } = require('customize-cra');
const path = require("path");
module.exports = override(
//别名配置
addWebpackAlias({
["@"]:path.resolve(__dirname,"./src"),
["@actions"]:path.resolve(__dirname,"./src/actions"),
["@api"]:path.resolve(__dirname,"./src/api"),
["@common"]:path.resolve(__dirname,"./src/common"),
["@components"]:path.resolve(__dirname,"./src/components"),
["@layout"]:path.resolve(__dirname,"./src/layout"),
["@pages"]:path.resolve(__dirname,"./src/pages"),
["@router"]:path.resolve(__dirname,"./src/router"),
["@static"]:path.resolve(__dirname,"./src/static"),
["@store"]:path.resolve(__dirname,"./src/store"),
["@utils"]:path.resolve(__dirname,"./src/utils"),
["@lib"]:path.resolve(__dirname,"./src/lib"),
})
);
创建setupProxy.js文件(跨域用的)
代码:
const proxy = require("http-proxy-middleware");
module.exports = (app)=>{
app.use(proxy("/martgoods",{
target:"https://dsapi.beibei.com",
changeOrigin:true,
}))
}