##这是用 React 和 antd 完成的一个开源react后台管理项目
后期将要开发 node 为后台 (暂未)
clone项目
使用 cnpm i 或者 yarn npm 都行 项目没有使用
yarn eject
暴露webpack全部文件 ,执行过后,项目所有的依赖都会在dependencies 采用了yarn add react-app-rewired customize-cra babel-plugin-import less less-loader -D
这样需要创建一个新的文件config-overrides.js
const { override, fixBabelImports, addLessLoader, addWebpackAlias } = require('customize-cra');
const path = require('path');
module.exports = override(
// antd按需加载,不需要每个页面都引入“antd/dist/antd.css”了
fixBabelImports('import', {
libraryName: 'antd',
libraryDirectory: 'es',
style: true //这里一定要写true,css和less都不行
}),
// 配置路径别名
addWebpackAlias({
["@"]: path.resolve(__dirname, "./src"),
}),
addLessLoader({
javascriptEnabled: true,
//配置antd主题的颜色。
modifyVars: { "@primary-color": "#f47983"}
// 具体配置
})
)
2020.6.4 已完成登陆页面开发、注册页、路由访问限制、菜单模块