openindexmaps.github.io Jekyll+Webpack构建项目
Jekyll 和 Webpack 的组合用起来其实挺顺的，尤其是在 openindexmaps.github.io 这个项目里。页面结构清晰，构建流程也比较标准，适合前端稍微有点经验的你去尝试下。嗯，Ruby + Jekyll 负责网站架构，JavaScript 则交给 Webpack 构建，分工明确，挺省心的。
Jekyll 的网站构建用到了 bundle install 和 bundle exec jekyll serve，部署也可以直接跑在 Netlify 上。你只要会点 Ruby 环境配置，基本没啥坑。
Webpack 这边就比较熟悉了，npm install 安装依赖，npx webpack 编译，平常开发直接 npx webpack --watch，改代码的同时就能热更新，响应也快。你如果以前用过 React 或 Vue 的 CLI，基本不用怎么学。
你也可以顺手看看几个相关资源，比如Jekyll 与 Webpack 的集成模板、Webpack 生成哈希资源，还有 KBuilder-Webpack5，这些都挺有参考价值的。
如果你平常就在折腾 静态网站，那这个项目还挺值得克隆下来玩一下的。哦对了，Ruby 的安装记得选版本管理工具，比如 rbenv，不然会装出一身坑。
文件大小：99.18KB
评论区