restaurant-page模块化练习项目
模块化思维的 JavaScript 项目写起来才带劲，restaurant-page这个项目就挺适合练手。你会用上现代浏览器都支持的ES6 模块，配合Webpack一套打包流程走下来，开发体验真的爽。
Webpack 的那些概念——entry、output、loader、plugin，一开始看着有点多，但上手配置几次就熟了。像设置entry指定起点文件、用babel-loaderES6 代码，这些操作在这个项目里都能练到。
配置文件写在webpack.config.js里，能自定义打包规则、输出路径、开发服务器啥的。比如你可以加个devServer，写完代码浏览器自动刷新，开发效率提升一大截。
模块化部分也不复杂，export和import搭配使用，把每个页面、组件逻辑拆成小模块，逻辑清晰，维护也轻松。想要页面的导航、菜单、内容区分开写？这个项目正好。
对了，Webpack 还有个mode参数挺有用，development模式调试方便，production模式自动压缩优化，部署时省心多了。
如果你在学 Webpack 但不知道怎么落地，那这项目还挺合适。实操比看文档记得牢，搭两次就知道怎么回事了。
文件大小：15.56MB
评论区