Jekyll is a powerful tool for static sites and Webpack is the first choice to pack assets. Jekpack is the integration of Jekyll and Webpack to make them work together β€.
You may never hear about Jekyll or not familiar with Webpack. Itβs ok to get started Jekpackπ. Start learning Jekyll by using Jekpack.
Jekpack is for multi pages static sites. If you prefer the SPA(single page application), Webpack + HtmlWebpackPlugin might be another better choice π.
Zero config
The Jekpack works without configuration. The default config is good enough to build common static sites.
Clean Project
We made your project tree as clean as possible. The minimal file tree might look like the following:
βββ src
βΒ Β βββ _includes <= Jekyll includes folder
βΒ Β βββ _layouts <= Jekyll layouts folder
βΒ Β βββ assets <= Webpack is responsible to this folder
βΒ Β βββ index.html
βββ node_modules
βββ package.json
Flexible
the default config for both Jekyll and Webpack all can be modified(see the example).
Deploy
Yes. The function of deployment is also in this pack for you.
By the one command jekpack deploy <s3 bucket>
, the dist will be deployed to the AWS S3 bucket.