React Antd Webpack ES6项目实战

EasyFun是一个基于React、Antd、Webpack和ES6技术的PC端React项目。它使用了React Router进行路由管理,采用ES6语法简化代码结构,并利用Mock.js模拟数据。在开发过程中,项目通过Webpack进行模块打包和资源优化。通过执行npm install命令可以安装所有依赖,通过yarn run dev可以启动开发环境,而yarn run pro则用于构建生产版本。项目历程中,完成了Webpack的配置、开发热更新设置、使用阶段0编程、用户登录接口的开发,以及电影详情页和首页的创建。此外,还实现了路由器的异步加载功能,并优化了公共的CSS引用,提高了开发效率。

zip
EasyFun-master.zip 预估大小:83个文件
folder
EasyFun-master 文件夹
file
.gitignore 56B
file
.babelrc 132B
file
package.json 1KB
file
webpack.pub.config.js 3KB
folder
src 文件夹
folder
style 文件夹
file
NewsList.less 318B
file
base.less 5KB
file
Home.less 290B
file
MovieMenu.less 273B
file
Pages.less 91B
file
BookList.less 837B
file
TopList.less 527B
file
Spot.less 160B
file
Music.less 2KB
file
MovieColumn.less 94B
file
ColumnHeader.less 353B
file
Login.less 493B
file
ListLoadMore.less 146B
file
App.less 2KB
file
MovieItem.less 705B
file
MovieDetail.less 2KB
folder
components 文件夹
file
TopList.js 467B
file
ListLoadMore.js 388B
folder
Spot 文件夹
file
TopListBlock.js 861B
file
SpotColumn.js 2KB
file
NewsListBlock.js 804B
file
NewsList.js 538B
folder
Login 文件夹
file
LoginForm.js 2KB
file
Login.js 2KB
file
Register.js 4KB
file
ColumnHeader.js 500B
folder
Book 文件夹
file
BookColumn.js 390B
file
BookList.js 14KB
file
Header.js 971B
file
Pages.js 398B
folder
Movie 文件夹
file
MovieMenu.js 399B
file
MovieActor.js 938B
file
MovieColumn.js 2KB
file
MovieIntro.js 2KB
file
MovieList.js 1KB
file
MovieAbout.js 1KB
file
MovieItem.js 803B
file
MovieBanner.js 1KB
file
Footer.js 269B
file
Loading.js 186B
folder
Music 文件夹
file
MusicColumn.js 703B
file
MusicList.js 6KB
file
index.js 630B
folder
containers 文件夹
file
SpotDetailContainer.js 299B
file
NotFoundPage.js 218B
file
MovieContainer.js 1KB
file
BookContainer.js 280B
file
HomeContainer.js 1KB
file
SpotContainer.js 280B
file
MovieDetailContainer.js 1KB
file
AppContainer.js 364B
file
MusicDetailContainer.js 300B
file
MusicContainer.js 281B
file
BookDetailContainer.js 277B
folder
config 文件夹
file
index.js 199B
file
Route-Config.js 3KB
folder
image 文件夹
file
movie_carousel_1.jpg 250KB
file
news_carousel_2.jpg 25KB
file
news_carousel_3.jpg 23KB
file
movie_carousel_4.jpg 220KB
file
news_carousel_1.jpg 27KB
file
news_carousel_4.jpg 25KB
file
iconall.png 56KB
file
logo.png 5KB
file
movie_carousel_2.jpg 185KB
file
404.png 32KB
file
banner.jpg 55KB
file
movie_carousel_3.jpg 290KB
file
coverall.png 77KB
file
index.html 474B
file
favicon.ico 918B
folder
common 文件夹
file
fetch.js 2KB
file
mock.js 1KB
folder
template 文件夹
file
template.html 144B
file
webpack.dev.config.js 2KB
file
README.md 2KB
file
.gitattributes 378B
folder
docs 文件夹
file
EasyFun.xmind 63KB
file
yarn.lock 158KB
...
zip 文件大小:1.35MB