No image available

Prestashop theme. Webpack 3 migration and hot module replacement

A developer example showing how to configure Webpack 3 and hot module replacement for the PrestaShop Classic Theme, with separate dev/production build configs and browser-sync proxy.

Developed by retyui

Get This Theme Free on GitHub
License: MIT Status: Unknown Health: Very Outdated

Info updated 1 month ago

Sources
Stars: 7 Forks: 2 Last commit: May 10, 2018
Type
Theme

Info checked: Mar 2, 2026

This repository is a developer example demonstrating how to migrate the PrestaShop Classic Theme asset pipeline from Webpack 2 to Webpack 3, with hot module replacement (HMR) enabled for a faster front-end development workflow. Rather than a deployable storefront theme, it is a reference implementation showing the configuration and tooling changes needed to support HMR during theme development. It is based on a specific version of the PrestaShop Classic Theme.

  • Webpack 3 migration from Webpack 2, including updated babel-loader and extract-text-webpack-plugin
  • Hot Module Replacement via webpack-hot-middleware and browser-sync-dev-hot-webpack-plugin, enabling live updates without full page reloads
  • Multi-config webpack setup using webpack-merge, with separate default, development (with source maps), and production (minified) configurations
  • Browser-sync proxy for the PHP backend with HTML injection support via bs-html-injector

This example is intended for PrestaShop theme developers who want to modernise their development workflow with hot module replacement and a Webpack 3 build pipeline. It requires NodeJS and shell access, and familiarity with webpack configuration. It is not a production-ready storefront theme.

  • Reference
    prestashop-1.7-webpack-3-hot-module-replacement

  • License
    MIT
  • Status
    Unknown

Comments (0)

No customer reviews for the moment.
Loading...