@cley_faye/boilerplate 4.0.2 → 4.1.0

package/lib/grunt/reactapp/webpack.js

@@ -101,7 +101,13 @@ const webpackLoadersDefault = (options) => {
                 loader: "babel-loader",
                 options: {
                     cacheDirectory: true,
-                    plugins: [defaultLoadersDefine(options), ...(options.babel?.plugins ?? [])],
+                    plugins: [
+                        defaultLoadersDefine(options),
+                        ...(options.babel?.plugins ?? [
+                            "@babel/plugin-syntax-import-attributes",
+                            "@babel/plugin-transform-runtime",
+                        ]),
+                    ],
                     presets: [defaultLoadersPresetEnv(options), defaultLoadersReact(options)],
                 },
             },
@@ -128,7 +134,9 @@ const webpackLoadersDefault = (options) => {
 exports.webpackLoadersDefault = webpackLoadersDefault;
 const computeWebpackOutput = (webpackOptions, targetName) => webpackOptions.output ?? {
     chunkFilename: "[name]-[fullhash].js",
+    chunkFormat: "module",
     filename: "[name].js",
+    module: true,
     path: (0, path_1.resolve)("dist", targetName, "js"),
 };
 const lastNamePosition = 2;
@@ -215,12 +223,23 @@ const handle = (gruntConfig, targetName, webpackOptions) => {
     const webpackConfig = {
         devtool: webpackOptions.mode === "development" ? "eval-source-map" : false,
         entry: webpackEntry,
+        experiments: {
+            outputModule: true,
+        },
         externals: webpackOptions.externals,
         mode: webpackOptions.mode,
-        module: { rules: webpackLoaders },
+        module: {
+            rules: webpackLoaders,
+            parser: {
+                javascript: {
+                    importMeta: false,
+                },
+            },
+        },
         output: webpackOutput,
         plugins: getWebpackPlugins(webpackOptions),
         resolve: webpackResolve,
+        target: "web",
     };
     // Special case: I'm not sure I can move options in the task-specific part of
     // the configuration, so I add it at the toplevel of the "webpack" task.
@@ -229,6 +248,6 @@ const handle = (gruntConfig, targetName, webpackOptions) => {
     }
     const requiredTasks = registerTasks(gruntConfig, targetName, webpackConfig);
     const watchTasks = getWatchTasks(webpackOptions, targetName);
-    return { handledFiles, requiredTasks, watchTasks, };
+    return { handledFiles, requiredTasks, watchTasks };
 };
 exports.handle = handle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cley_faye/boilerplate",
-  "version": "4.0.2",
+  "version": "4.1.0",
   "description": "Boilerplate code generator for generic projects",
   "repository": {
     "type": "git",