Блог

Итак, я пытаюсь настроить это приложение, чтобы начать его кодирование. Но каждый раз, когда я создаю приложение; 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 path = требовать(«путь»);
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;
 

И после сборки, когда я открываю index.html файл из каталога dist, тег script выглядит следующим образом: <script src="auto/renderer.js"></script> когда он должен быть просто <script src="renderer.js"></script>

Что может быть причиной этого? Есть ли какая-либо конфигурация, которую мне здесь не хватает? Заранее спасибо!

Решил проблему, обновив webpack.