Below you will find pages that utilize the taxonomy term “Webpack”
Adobe Experience Manager (AEM) Maven Project Part II
An Adobe Experience Manager (AEM) example to demonstrate the Webpack frontend build process included with Maven AEM Project Archetype 22. Follow the steps in part 1 of this series beforehand making sure to include the
-DoptionIncludeFrontendModule=general option when running
mvn archetype:generate. e.g.,
Hugo Static Site Generator Blank Starter Theme
I’m in the process of converting my WordPress site into a static site compiled from markdown files using the Hugo static site generator. For this task, I created a blank Hugo starter theme that uses Webpack and optional webpack-plugin-serve for UI development build live reload.
New Webpack Development Server Plugin
I always thought it was odd to use the
webpack-dev-server instead of
webpack in my npm script for development. Lo and behold, last month,
webpack-plugin-serve was released, a new webpack plugin to use instead of the quirky webpack-dev-server.
How To Create a WordPress Shortcode for flickr Albums
How to create a WordPress custom shortcode to display photos from flickr. This post documents using the Slick Lazy Load Photo Grid along with the flickr API to render photo albums in Wordpress Posts wherever the shortcode is entered. Webpack 4, autoprefixer, and babel are included for building the JS and CSS.
CSS Flexbox with Sidebars Toggle
This post documents how to create a fully responsive flexbox content layout that contains a pure CSS open/close toggle for the left and right sidebars. The CSS is built from Sass using Webpack with Autoprefixer. For development, a Webpack Dev Server is included.
Completely Blank (no css) _s WordPress Starter Theme
This post documents how to take the WordPress Starter Theme _s or underscores, if you like and build only the CSS components you want using Webpack 4. This modern toolset also includes autoprefixer and browserlist support.
Completely Blank (no css) _s WordPress Starter Theme - Page 2
Webpack 3 Sass cssnano Autoprefixer Workflow II - Page 2
Webpack 3 Sass cssnano Autoprefixer Workflow II
Slick Lazy Load Photo Grid Using Webpack 3
How to layout and lazy load images in a flexible grid similar to how facebook displays them in a post. Selected images open a lightbox for previewing within a carousel. Image alt text is converted into a caption below the image. YouTube Video
Webpack 3 Sass cssnano Autoprefixer Workflow
Google Maps API with Webpack
WordPress Post from Front End using REST API and Vue.js
This post is a simple proof of concept for using the new WordPress REST API to submit a new post draft from the front end. The form and user inputs are built using the Vue.js framework and vue-cli to create a simple Webpack build configuration. Demo on YouTube
WordPress Post from Front End using REST API and Vue.js - Page 2
Laravel JWT Auth with Vue.js 2
This post is a refresh of Laravel JWT Auth with Vue.js I posted in September that applies to the 1.x version of Vue.js. Evan You released vue.js version 2 shortly thereafter and this post will cover building the Laravel JSON Web Token based authentication with it.