Overview:

Kirby-webpack is a starter-kit for Kirby 3, a file-based CMS. It aims to provide frontend tools for developers, especially those more focused on front-end development. It includes features such as a Kirby Package Manager, a dev server with livereload, Webpack with support for SASS, PostCSS, Autoprefixer, ES6 transpilation with Babel, linting with ESLint, and the ability to generate a stats.json file for optimizing dependencies. This theme simplifies the installation process and provides a project structure that allows developers to easily work with Kirby and Webpack.

Features:

Kirby Package Manager: A tool that eliminates the hassle of managing git submodules.
Browsersync dev server: Provides livereload functionality for all website files.
Built-in PHP Server: PHP is handled for you within the dev server.
Webpack 4: Enables handling of JS and CSS assets, with support for SASS, PostCSS, and Autoprefixer.
ES6 transpilation with Babel: Allows writing modern JavaScript code that is supported by older browsers.
Linting with ESLint: Ensures code quality and adherence to standard presets.
Stats.json generation: Generates a stats.json file for optimizing dependency tree.
Multiple config files: Offers flexibility to create a custom workflow using the starter kit.

Summary:

Kirby-webpack is a powerful starter-kit for Kirby 3 that provides essential frontend tools for developers. It simplifies the installation process, offers features like livereload, webpack compilation, and ES6 transpilation, and allows for customization through multiple config files. With Kirby-webpack, developers can easily set up and work with Kirby CMS within a pre-configured npm and Webpack environment.

Brocessing

Kirby Webpack