我正在嘗試多頁 webpack 配置，并且有一個(gè)關(guān)于如何為登錄頁面加載圖像與網(wǎng)站上其他頁面不同的問題。登錄頁面構(gòu)建到根目錄，而其他頁面構(gòu)建到它們各自的子文件夾。Webpack../images/為其他頁面附加了正確的相對路徑，但是登錄頁面需要保持為images/，因?yàn)樗c圖像文件夾一起位于根目錄中。如何配置 webpack<img src="images/00.jpg">以使登錄頁面保持不變，但<img src="../images/00.jpg">對所有其他頁面進(jìn)行更新？這是源文件夾：/ src /   -home.html   -about.html   js/      -home.js      -about.js   images/      -00.jpg      -01.jpg   scss/      -style.scss這是 webpack 生成的構(gòu)建文件夾：/ public_html /   -index.html   // relative links in this file become broken :(   -bundle.js   about/      -index.html      -bundle.js   images/      -00.jpg      -01.jpg   css/      -style.css最后，這里是 webpack 的配置。請?jiān)彺a墻，我決定包含整個(gè)配置，以防有更好的方法來設(shè)置它。// webpack.config.jsconst webpack = require('webpack');const path = require('path');const HtmlWebPackPlugin = require("html-webpack-plugin");const MiniCssExtractPlugin = require("mini-css-extract-plugin");const { CleanWebpackPlugin } = require('clean-webpack-plugin');module.exports = { entry: {   home: './src/js/home.js',   about: './src/js/about.js',  }, output: {   filename: (pathData) => {     return pathData.chunk.name === 'home' ? 'bundle.js' : '[name]/bundle.js';   },   path: path.resolve(__dirname, 'public_html') }, module: {   rules: [     {       test: /\.js$/,       exclude: /node_modules/,       use: {         loader: "babel-loader"       }     },{       test: /\.html$/,       use: [         {           loader: "html-loader",           options: { minimize: true }         }       ]     },{       test: /\.css$/,       use: [MiniCssExtractPlugin.loader, "css-loader"]     },{       test: /\.sass$|\.scss$/,       use: [         MiniCssExtractPlugin.loader,         { loader: 'css-loader' },         { loader: 'sass-loader' },       ],     }謝謝！另外，讓我知道你喜歡這個(gè)配置文件！