@qse/edu-scripts 1.14.8 → 1.14.9

package/lib/config/babel.js

@@ -26,6 +26,7 @@ var fs = require("fs");
 var paths = require("./paths");
 var appConfig = require("../utils/appConfig");
 var getOverride = require("../utils/getOverride");
+var addWebpackChunkName = require("./plugins/babel-plugin-add-webpack-chunk-name");
 var hasJsxRuntime = (() => {
   try {
     require.resolve("react/jsx-runtime");
@@ -90,7 +91,8 @@ module.exports = function getBabelConfig(opts = {}) {
         { libraryName: "lodash", libraryDirectory: "", camel2DashComponentName: false },
         "lodash"
       ],
-      isDev && "react-refresh/babel"
+      isDev && "react-refresh/babel",
+      addWebpackChunkName
     ].filter(Boolean)
   };
   const override = getOverride();

package/lib/config/plugins/babel-plugin-add-webpack-chunk-name.js

@@ -0,0 +1,31 @@
+// src/config/plugins/babel-plugin-add-webpack-chunk-name.js
+function removeTrailingIndex(string) {
+  return string.split("_").length - 1 > 1 ? string.replace(/_index$/, "") : string;
+}
+function convertToKebabCase(string) {
+  return string.replace(/\s+/g, "_");
+}
+function getChunkName(filename) {
+  filename = filename.split("/").map((part) => part.replace(/\..*$/, "").replace(/[^a-zA-Z0-9-_/]/g, "")).filter(Boolean).map(convertToKebabCase).join("_");
+  return removeTrailingIndex(filename);
+}
+function hasComment(comment) {
+  return comment && comment.value.replace(/\*+/g, "").trim().startsWith("webpackChunkName");
+}
+function addWebpackChunkName({ types: t }) {
+  return {
+    name: "webpack-chunk-name-comments",
+    visitor: {
+      Import(path) {
+        const [arg] = path.parent.arguments;
+        if (!t.isStringLiteral(arg))
+          return;
+        const [comment] = arg.leadingComments || [];
+        if (!hasComment(comment)) {
+          t.addComment(arg, "leading", `webpackChunkName: "${getChunkName(arg.value)}"`);
+        }
+      }
+    }
+  };
+}
+module.exports = addWebpackChunkName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qse/edu-scripts",
-  "version": "1.14.8",
+  "version": "1.14.9",
   "author": "Kinoko",
   "license": "MIT",
   "description": "教育工程化基础框架",

package/src/config/babel.js

@@ -2,6 +2,7 @@ const fs = require('fs')
 const paths = require('./paths')
 const appConfig = require('../utils/appConfig')
 const getOverride = require('../utils/getOverride')
+const addWebpackChunkName = require('./plugins/babel-plugin-add-webpack-chunk-name')
 const hasJsxRuntime = (() => {
   try {
     require.resolve('react/jsx-runtime')
@@ -76,6 +77,7 @@ module.exports = function getBabelConfig(opts = {}) {
         'lodash',
       ],
       isDev && 'react-refresh/babel',
+      addWebpackChunkName,
     ].filter(Boolean),
   }
 

package/src/config/plugins/babel-plugin-add-webpack-chunk-name.js

@@ -0,0 +1,55 @@
+// Modified from `babel-plugin-dynamic-import-chunk-name` as it used a slightly
+// different naming system than what we wanted. Using the plugin and correcting
+// the names after the fact would be more effort than forking. Additionally, the
+// plugin does not have source code available online. While we're unlikely to run
+// into issues, having a way to create fixes ourselves would be beneficial.
+//
+// https://www.npmjs.im/babel-plugin-dynamic-import-chunk-name
+// MIT Licensed: https://www.runpkg.com/?babel-plugin-dynamic-import-chunk-name@1.0.0/LICENSE
+
+function removeTrailingIndex(string) {
+  return string.split('_').length - 1 > 1 ? string.replace(/_index$/, '') : string
+}
+
+function convertToKebabCase(string) {
+  return string.replace(/\s+/g, '_')
+}
+
+function getChunkName(filename) {
+  filename = filename
+    .split('/')
+    .map((part) => part.replace(/\..*$/, '').replace(/[^a-zA-Z0-9-_/]/g, ''))
+    .filter(Boolean)
+    .map(convertToKebabCase)
+    .join('_')
+
+  return removeTrailingIndex(filename)
+}
+
+function hasComment(comment) {
+  return comment && comment.value.replace(/\*+/g, '').trim().startsWith('webpackChunkName')
+}
+
+/**
+ * @param {import('@babel/core')} babel
+ * @returns {import('@babel/core').PluginObj}
+ */
+function addWebpackChunkName({ types: t }) {
+  return {
+    name: 'webpack-chunk-name-comments',
+    visitor: {
+      Import(path) {
+        const [arg] = path.parent.arguments
+        if (!t.isStringLiteral(arg)) return
+
+        const [comment] = arg.leadingComments || []
+
+        if (!hasComment(comment)) {
+          t.addComment(arg, 'leading', `webpackChunkName: "${getChunkName(arg.value)}"`)
+        }
+      },
+    },
+  }
+}
+
+module.exports = addWebpackChunkName