JavaScript SPA Simple使用Webpack和Sass构建的简单单页应用程序
黑白分明的 SPA 结构，配上 Webpack 和 Sass，javascript-spa-simple算是入门级别的好例子了。页面简单，逻辑清楚，适合你刚开始玩单页应用的时候上手试试。index.html干净利落，不绕弯子。
用的是最基础的技术栈：原生 JS搭配Webpack打包，Sass样式，还贴心准备了npm start和npm run build脚本，开发和打包流程都比较顺。
项目结构也不复杂，适合你自己改一改，顺手集成点别的东西，比如加个fetch求，或者再套上个router。样式用的是scss，你可以参考下 sass-imports 的做法，把json转成变量，写样式更轻松。
如果你之前看过 SPA 打包 或者 SPA 工作流程 的文章，那你上手这个项目会更快。说白了，就是个小而美的练手项目，方便你理解 Webpack 的打包流程，也能练练 JS 模块化的思路。
建议你先跑一下开发模式，执行npm install之后直接npm start，看页面怎么响应的，再去看看webpack.config.js里面都配置了啥，边看边改效果更。
如果你对React也感兴趣，可以看看react-webpack-sass-antd-react-router这个例子，思路差不多，就是多了组件化和路由支持。
文件大小：77.42KB
评论区