Webpack基本示例前端项目搭建
webpack 的基础项目搭建流程，挺适合前端入门挑战的场景。周五早上就开始搞，先是找了个现成的 webpack 启动模板，直接上线。之后加上了Vuex和Vue-router，算是把核心功能先搭起来了。Vuex 管状态，Vue-router 做路由，页面之间切来切去，背景视频都不重载，体验还挺流畅的。
书本展示的模块用了个叫BookDisplay的组件，写了一次，多个页面复用，省心不少。颜色方面，调色板是从设计稿里挑的，主色是#481FC1，还挺醒目。样式用的是比较新的flexbox和grid布局，还有伪元素这些，响应快、结构也清晰。
另外，书架和购物车的状态是用localStorage存的，刷新也不会丢数据。如果你正好也要做前端展示类的小项目，这个例子拿来改一改就能用，挺方便的。记得装依赖的时候别忘了加：npm i -S vuex vue-router。
文件大小：2.07MB
评论区