@shopgate/webpack 7.25.0-beta.2 → 7.26.0-beta.1

package/lib/i18n.js

@@ -52,11 +52,7 @@ module.exports = (modulePath) => {
     i18n = new I18n('en');
   }
 
-  const moduleNamespace = path.relative(rootDirectory, modulePath)
-    .replace(/(^(lib|src)+[/\\])|(\.js$)/ig, '')
-    // Normalize OS specific path separators to forward slashes to be able to access translation
-    // keys inside the translation JSON file.
-    .split(path.sep).join('/');
+  const moduleNamespace = path.relative(rootDirectory, modulePath).replace(/(^(lib|src)+\/)|(\.js$)/ig, '');
 
   return (key, data) => {
     const keyPath = [moduleNamespace];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopgate/webpack",
-  "version": "7.25.0-beta.2",
+  "version": "7.26.0-beta.1",
   "description": "The webpack configuration for Shopgate's Engage.",
   "main": "webpack.config.js",
   "license": "Apache-2.0",
@@ -17,16 +17,16 @@
     "intl": "1.2.5",
     "lodash": "^4.17.4",
     "messageformat": "^2.3.0",
-    "progress-bar-webpack-plugin": "^2.1.0",
-    "script-ext-html-webpack-plugin": "^2.1.5",
+    "progress-bar-webpack-plugin": "^1.12.1",
+    "script-ext-html-webpack-plugin": "^2.1.4",
     "style-loader": "0.23.1",
     "terser-webpack-plugin": "^4.2.3",
     "webpack": "^4.47.0",
-    "webpack-cli": "4.10.0",
+    "webpack-cli": "3.3.6",
     "workbox-webpack-plugin": "4.3.1"
   },
   "devDependencies": {
     "rxjs": "~5.5.12",
-    "webpack-dev-server": "4.15.2"
+    "webpack-dev-server": "3.7.2"
   }
 }

package/templates/default.ejs

@@ -6,7 +6,6 @@
   <meta id="libshopgate">
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, viewport-fit=cover">
   <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="mobile-web-app-capable" content="yes">
   <title>
     <%= htmlWebpackPlugin.options.title %>
   </title>

package/webpack.config.js

@@ -87,7 +87,7 @@ const config = {
      * release process.
      */
     new webpack.NormalModuleReplacementPlugin(
-      /swiper[/\\]shared[/\\]utils\.mjs$/,
+      /swiper\/shared\/utils\.mjs$/,
       path.resolve(__dirname, 'patches', 'swiper', 'shared', 'utils.mjs')
     ),
     new webpack.DefinePlugin({
@@ -117,6 +117,7 @@ const config = {
     }),
     new webpack.optimize.ModuleConcatenationPlugin(),
     new webpack.HashedModuleIdsPlugin(),
+    new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin(),
     new HTMLWebpackPlugin({
       title: appConfig.shopName || process.env.theme,
@@ -187,7 +188,7 @@ const config = {
       },
       {
         test: /\.(js|jsx)$/,
-        exclude: new RegExp(`node_modules\\b(?!${path.sep}@shopgate|${path.sep}react-leaflet|${path.sep}@react-leaflet)\\b.*`),
+        exclude: new RegExp(`node_modules\\b(?!\\${path.sep}@shopgate)\\b.*`),
         use: [
           {
             loader: 'babel-loader',
@@ -211,23 +212,15 @@ const config = {
   devServer: {
     hot: true,
     headers: { 'Access-Control-Allow-Origin': '*' },
-    devMiddleware: {
-      publicPath: '/',
-      stats: {
-        colors: true,
-      },
-    },
-    allowedHosts: 'all',
-    static: {
-      directory: path.resolve(themePath, PUBLIC_FOLDER),
-    },
-    client: {
-      // Deactivate full-screen error overlay in dev server
-      overlay: false,
-    },
-    host: '0.0.0.0',
+    publicPath: '/',
+    disableHostCheck: true,
+    contentBase: path.resolve(themePath, PUBLIC_FOLDER),
+    host: process.env.optionsHost,
     port: process.env.optionsPort,
     historyApiFallback: true,
+    stats: {
+      colors: true,
+    },
     proxy: process.env.WEB_BRIDGE ? {
       '/api': {
         target: `http://${ip}:${apiPort}`,