fix: loader works smoothly on webpack 5 & 4 (#1046)

Author: semoal

examples/next-js/.babelrc

@@ -1,14 +1,6 @@
 {
   "presets": [
-    [
-      "next/babel",
-      {
-        "preset-env": {},
-        "transform-runtime": {},
-        "styled-jsx": {},
-        "class-properties": {}
-      }
-    ]
+    "next/babel"
   ],
   "plugins": ["macros"]
 }

examples/next-js/lingui-example/i18n.ts

@@ -10,7 +10,7 @@ i18n.loadLocaleData("cs", { plurals: cs })
  * many ways how to load messages — from REST API, from file, from cache, etc.
  */
 export async function activate(locale: string) {
-  const { messages } = await import(`../locale/${locale}/messages.js`)
+  const { messages } = await import(`../locale/${locale}/messages.po`)
   i18n.load(locale, messages)
   i18n.activate(locale)
 }

examples/next-js/next.config.js

@@ -0,0 +1,20 @@
+module.exports =  {
+  webpack: (config, { isServer }) => {
+    config.module.rules = [
+      ...config.module.rules,
+      {
+        test: /\.po/,
+        use: [
+          {
+            loader: "@lingui/loader",
+          },
+        ],
+      },
+    ];
+
+    return config;
+  },
+  future: {
+    webpack5: true,
+  },
+}

examples/next-js/package.json

@@ -10,19 +10,20 @@
     "start": "next start"
   },
   "dependencies": {
-    "@lingui/core": "^3.5.1",
-    "@lingui/react": "^3.5.1",
-    "classnames": "^2.2.6",
-    "next": "10.0.1",
-    "react": "17.0.1",
-    "react-dom": "17.0.1"
+    "@lingui/core": "^3.8.9",
+    "@lingui/react": "^3.8.9",
+    "classnames": "^2.3.1",
+    "next": "10.1.3",
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
   },
   "devDependencies": {
-    "@lingui/cli": "^3.5.1",
-    "@lingui/loader": "^3.5.1",
-    "@lingui/macro": "^3.5.1",
-    "@types/react": "^16.9.56",
-    "babel-plugin-macros": "^2.8.0",
-    "typescript": "^4.0.5"
+    "@lingui/cli": "^3.8.9",
+    "@lingui/loader": "^3.8.9",
+    "@lingui/macro": "^3.8.9",
+    "@types/react": "^17.0.3",
+    "babel-plugin-macros": "^3.0.1",
+    "typescript": "^4.2.4",
+    "webpack": "^5.0.0"
   }
 }

examples/next-js/tsconfig.json

@@ -7,6 +7,9 @@
       "dom.iterable",
       "esnext"
     ],
+    "paths": {
+      "lingui-example/*": ["./lingui-example/*"]
+    },
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,