Ścieżki w webpacku.

Question

Hej wszystkim!

Mam taki problem - otóż mam projekt zrobiony przy użyciu Webpacka. Problemem jest to że przy buildowaniu projektu ścieżki nie są poprawnie wczytywane.

Z ciekawości zmieniłem w jednym z plików:
<link rel="icon" type="image/png" href="/src/assets/img/favicon.png"/>
na:
<link rel="icon" type="image/png" href="./src/assets/img/favicon.png"/>

Po dodaniu kropki przed /src/ favicona się pojawiła.

Jeżeli chodzi o mój config webpackowy to wygląda tak:
 

const path = require("path");
const TerserPlugin = require("terser-webpack-plugin");
const plugins = require("./plugins");
const loaders = require("./loaders");
const HtmlWebpackPlugin = require("html-webpack-plugin");

const isDev = process.env.NODE_ENV !== 'production';

module.exports = {
  mode: "production",
  entry: {
    index: "./src/app.js",
  },
  devtool: isDev ? "inline-source-map" : false,
  stats: { warnings: false, children: true }, // Hide warnings, show children stats
  output: {
    filename: "scripts/[name].js",
    path: path.resolve(__dirname, "/dist"),
    clean: true,
  },
  devServer: {
    headers: {
      'Cache-Control': 'public, max-age=31536000'
    }
  },
  module: {
    rules: loaders,
  },
  resolve: {
    extensions: [".js", ".css", ".vue"],
    alias: {
      vue$: "vue/dist/vue.esm.js",
    },
  },
  plugins: [
    ...plugins,
    new HtmlWebpackPlugin({
      title: 'Caching',
    }),
  ],
  optimization: {
    moduleIds: 'deterministic',
    chunkIds: isDev ? "named" : "total-size",
  },
};

Napomknę tylko że projekt był wcześniej utrzymywany na Linuxie, a teraz korzystam z Windows.

Comments

A dlaczego nie odpalasz strony z katalogu dist/ tylko z roota? I dlaczego w zbudowanej wersji zaciągasz coś z src/?