基于 webpack5 + vue2 + koa2 搭建的 SSR 项目

Development

Compiles frontend and hot-reloads for development

npm run dev

Production

Compiles frontend and minifies for production

npm run build

Run for production

npm start

Todo

• 启用服务端渲染缓存(需区分场景
• devServer.proxy
• 项目规范(eslint/stylelint/prettier/husky/commitlint..
• webpack打包优化(公共资源、cache、dll、多线程..
• SSG模式支持
• webpack配置项同构(webpack-chain.(尝试后个人感觉增加了成本，所见非所得)
• keep-alive浏览器历史后退也会触发asyncData钩子执行
• asyncData 执行报错自动触发降级渲染?
• 浏览器控制台及遮罩未展示eslint错误。经排查，因webpack-hot-middleware未完美支持webpack5。发现其实有分支兼容了webpack5，指定包分支名 npm install webpack-contrib/webpack-hot-middleware#webpack5 -D