Skip to content

使用webpack4.x配合react全家桶、ant-design从零搭建的博客PC端前端网站项目

Notifications You must be signed in to change notification settings

xiongcao/blog_react_pc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

一:相关命令

dev: 热更新,速度非常快, 作用的是webpack.config.js 中的devServer
start: 热更新,作用的是dev-server.js(Node.js API)
srver: 不会热更新
build: 打包
watch: 打包并监听dist文件改动,需手动刷新浏览器
analyz: 可视化展示依赖关系
http-server: 使用的是node http-server 搭建的服务器,可访问dist

二:技术栈

webapck4.x + react16.x + react-redux + redux + react-router + react-router-dom

三:注意事项

1.class中无法使用箭头函数,是因为缺少@babel/preset-stage-0,然后这个bable已经被弃用,可以使用 "@babel/plugin-syntax-dynamic-import", "@babel/plugin-syntax-import-meta", "@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-json-strings" 替代

问题记录

  • 后台文章详情页添加按标题搜索、按类型、标签过滤功能
  • 直接在地址栏修改路由不会跳转页面
  • 两处的登录跳转,注册成功等待跳转,前台导航跳转页面等添加全局页面加载
  • 报错问题(暂时不处理,很麻烦)
  • 文章详情添加评论功能、使用js定位实现锚点链接
  • 第三方登录
  • 忘记密码

相关链接

https://cwsoy.com

About

使用webpack4.x配合react全家桶、ant-design从零搭建的博客PC端前端网站项目

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published