Javascript 如何将条目名称放入块文件名中？（网页）

我的文件：

page1.js

import nameFunction from "./nameHelper"

import nameFunction from "./nameHelper"
import users from "./users"

import users from "./users"

page2.js

import nameFunction from "./nameHelper"

import nameFunction from "./nameHelper"
import users from "./users"

import users from "./users"

page3.js

import nameFunction from "./nameHelper"

import nameFunction from "./nameHelper"
import users from "./users"

import users from "./users"

我得到的是：

│   package.json
│   page1.html
│   webpack.config.js
│
├───dist
│   └───scripts
│           page1.js
│           page2.js
│           page3.js
│           Scripts_js_nameHelper_js.js
│           Scripts_js_users_js.js
└───Scripts
    └───js
            nameHelper.js
            page1.js
            page2.js
            page3.js
            users.js

我想要的是：

├───dist
│   └───scripts
│           page1.js
│           page2.js
│           page3.js
│           page1_page2_nameHelper.js
│           page2_page3_users.js

网页包5配置：

module.exports = {
  entry: {
    page1: "./Scripts/js/page1.js",
    page2: "./Scripts/js/page2.js",
    page3: "./Scripts/js/page3.js",
  },

  output: {
    filename: "[name].js",
    path: path.resolve(__dirname, dirName),
  },
  // devtool: "source-map",
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /node_modules|bower_components/,
        use: {
          loader: "babel-loader",
          options: {
            presets: ["@babel/preset-env"],
          },
        },
      },
    ],
  },
  plugins: [new CleanWebpackPlugin()],
  optimization: {
    splitChunks: {
      chunks: "all",
      minSize: 0
    },
  },
};

我需要它来轻松地将所有相关文件添加到.NETMVC页面中的脚本标记中

除非有另一种解决方案只向页面上的脚本标记添加一个js文件。我真的不喜欢使用

HtmlWebpackPlugin

和使用模板文件，而不是直接使用

.cshtml

文件

因为每个页面的条目文件将保持不变，而区块文件的名称将不断更改 和数量——不断地