Webpack 在构建的 html 文件中添加“auto/”到脚本标签

Question

所以，我正在尝试设置此应用程序，以便开始编写代码。但是每次我构建应用程序时； webpack 会自动将auto/file.js 添加到脚本标签中，但实际上应该是：file.js。所以它自己添加了auto/ 部分。我检查了每个 webpack 配置文件，但我不明白为什么它会在我的脚本中添加 auto/ 前缀。

还要提一下这是一个 ElectronJS 项目。 这是我对 webpack 的配置。

webpack.config.js

const mainConfig = require("./webpack.main.config");
const rendererConfig = require("./webpack.renderer.config");
const config = [mainConfig, rendererConfig];
module.exports = config;

webpack.base.config.js

const UglifyJsPlugin = require("uglifyjs-webpack-plugin");

const config = {
  plugins: [
    new UglifyJsPlugin({
      test: /\.js($|\?)/i,
      sourceMap: true,
      uglifyOptions: {
        compress: true
      }
    })
  ]
};

module.exports = config;

webpack.main.config.js 常量路径 = 要求（“路径”）； const merge = require("webpack-merge");

const base = require("./webpack.base.config");
const buildPath = path.resolve(__dirname, "./dist");

const main = merge(base, {
  entry: "./main.js",
  output: {
    filename: "main.js",
    path: buildPath
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: "babel-loader"
      },
    ]
  },
  node: {
    __dirname: false,
    __filename: false
  },
  target: "electron-main"
});

module.exports = main;

webpack.renderer.config.js （这是我认为问题所在）

const path = require("path");
const merge = require("webpack-merge");
const HtmlWebpackPlugin = require("html-webpack-plugin");

const base = require("./webpack.base.config");
const buildPath = path.resolve(__dirname, "./dist");

const renderer = merge(base, {
  entry: "./src/renderer.js",
  output: {
    filename: "renderer.js",
    path: buildPath
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: "./src/index.html"
    })
  ],
  target: "electron-renderer",
});

module.exports = renderer;

在构建之后，当我从 dist 目录打开 index.html 文件时，脚本标签是这样的：<script src="auto/renderer.js"></script> 当它应该只是<script src="renderer.js"></script>时

这可能是什么原因造成的？我在这里缺少任何配置吗？ 提前致谢！

Answer 1

通过更新 webpack 解决了。