Gathering detailed insights and metrics for egg-react-webpack-antd-boilerplate
Gathering detailed insights and metrics for egg-react-webpack-antd-boilerplate
Gathering detailed insights and metrics for egg-react-webpack-antd-boilerplate
Gathering detailed insights and metrics for egg-react-webpack-antd-boilerplate
Egg React Server Side Render(SSR) / Client Sider Render(CSR)
npm install egg-react-webpack-antd-boilerplate
Typescript
Module System
Min. Node Version
Node Version
NPM Version
JavaScript (99.5%)
Smarty (0.5%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
666 Stars
168 Commits
91 Forks
18 Watchers
26 Branches
1 Contributors
Updated on Jun 09, 2025
Latest Version
1.0.0
Package Id
egg-react-webpack-antd-boilerplate@1.0.0
Unpacked Size
671.21 kB
Size
462.59 kB
File Count
47
NPM Version
5.5.1
Node Version
8.9.3
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
20
Egg + AntD Singe Page Application
React-Router, React-Redux 服务端/客户端单页面渲染
支持 AntD 按需加载和主题定制
1npm install
1npm run dev
应用访问: http://127.0.0.1:7001
1npm run build
1npm start
1// 直接运行(编译文件全部在内存里面,本地开发使用) 2npm start 3 4// 编译文件到磁盘打包使用(发布正式环境) 5npm run build 或者 easywebpack build prod 6
├── app
│ ├── controller
│ │ ├── test
│ │ │ └── test.js
│ ├── extend
│ ├── lib
│ ├── middleware
│ ├── mocks
│ ├── proxy
│ ├── router.js
│ ├── view
│ │ ├── about // 服务器编译的jsbundle文件
│ │ │ └── about.js
│ │ ├── home
│ │ │ └── home.js // 服务器编译的jsbundle文件
│ │ └── layout.js // 编译的layout文件
│ └── web // 前端工程目录
│ ├── asset // 存放公共js,css资源
│ ├── framework // 前端公共库和第三方库
│ │ └── entry
│ │ ├── loader.js // 根据jsx文件自动生成entry入口文件loader
│ ├── page // 前端页面和webpack构建目录, 也就是webpack打包配置entryDir
│ │ ├── home // 每个页面遵循目录名, js文件名, scss文件名, jsx文件名相同
│ │ │ ├── home.scss
│ │ │ ├── home.jsx
│ │ └── hello // 每个页面遵循目录名, js文件名, scss文件名, jsx文件名相同
│ │ ├── test.css // 服务器render渲染时, 传入 render('test/test.js', data)
│ │ └── test.jsx
│ ├── store
│ │ ├── app
│ │ │ ├── actions.js
│ │ │ ├── getters.js
│ │ │ ├── index.js
│ │ │ ├── mutation-type.js
│ │ │ └── mutations.js
│ │ └── store.js
│ └── component // 公共业务组件, 比如loading, toast等, 遵循目录名, js文件名, scss文件名, jsx文件名相同
│ ├── loading
│ │ ├── loading.scss
│ │ └── loading.jsx
│ ├── test
│ │ ├── test.jsx
│ │ └── test.scss
│ └── toast
│ ├── toast.scss
│ └── toast.jsx
├── config
│ ├── config.default.js
│ ├── config.local.js
│ ├── config.prod.js
│ ├── config.test.js
│ └── plugin.js
├── doc
├── index.js
├── webpack.config.js // easywebpack-cli 构建配置
├── public // webpack编译目录结构, render文件查找目录
│ ├── static
│ │ ├── css
│ │ │ ├── home
│ │ │ │ ├── home.07012d33.css
│ │ │ └── test
│ │ │ ├── test.4bbb32ce.css
│ │ ├── img
│ │ │ ├── change_top.4735c57.png
│ │ │ └── intro.0e66266.png
│ ├── test
│ │ └── test.js
│ └── vendor.js // 生成的公共打包库
在app/web/page 目录下面创建home目录, home.jsx, home.css文件.
1import React, { Component } from 'react'; 2import Header from 'component/layout/standard/header/header.jsx'; 3import List from 'component/home/list.jsx'; 4import './home.css'; 5export default class Home extends Component { 6 componentDidMount() { 7 console.log('----componentDidMount-----'); 8 } 9 10 render() { 11 return <div> 12 <Header></Header> 13 <div className="main"> 14 <div className="page-container page-component"> 15 <List list={this.props.list}></List> 16 </div> 17 </div> 18 </div>; 19 } 20}
1exports.index = function* (ctx) { 2 yield ctx.render('home/home.js', Model.getPage(1, 10)); 3};
1app.get('/home', app.controller.home.home.index);
1exports.client = function* (ctx) { 2 yield ctx.renderClient('home/home.js', Model.getPage(1, 10)); 3};
1app.get('/client', app.controller.home.home.client);
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
no SAST tool detected
Details
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
Found 0/30 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
project is not fuzzed
Details
Reason
74 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More