Frage
Webpack wird erfolgreich kompiliert, ohne Fehler oder Warnungen, d. h. es werden keine Dateien generiert.
Hier ist zunächst meine Konfiguration
const path = require("path");
module.exports = {
entry: './src/js/main.js',
module: {
rules: [
{
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
],
},
mode: "development",
output: {
path: path.resolve(__dirname, '/dist'),
filename: "bundle.js",
},
};
Lösung
Wird pathin can geändert path.resolve(__dirname, 'dist').
Grund
path.resolve()-Methode löst den übergebenen Pfad als absoluten Pfad auf. Wenn also path.resolve()beim Aufruf ein Schrägstrich (/) übergeben wird, enthält der resultierende Pfad das Stammverzeichnis. Das wird /dist: webpackDer Ordner kann nicht gefunden werden.
1. Wenn kein Parameter vorhanden ist
path.resolve(), wird der absolute Pfad der aktuellen Datei zurückgegeben. /Users/xxxx/
2. Mit einem Parameter, der nicht mit / beginnt,
path.resolve('a') wird der aktuelle absolute Pfad zurückgegeben. Der aktuelle Parameter /Users/xxxx/a
path.resolve('a'，'b') gibt den aktuellen absoluten Pfad zurück. /Users/xxxx/a/b
3. Mit dem Anfang von ./ Parameter
path.resolve('./a')Gibt den aktuellen absoluten Pfad zurück, der die aktuellen Parameter verkettet. /Users/xxxx/a
path.resolve('./a','./b')Gibt den aktuellen absoluten Pfad zurück, der die aktuellen Parameter verkettet. /Users/xxxx/a/b
4. Der Parameter, der mit / beginnt, gibt /+'den letzten Dateinamen mit / davor'+'den Rest zurück Der Ordner
path.resolve('/a') Gibt die aktuellen Parameter der aktuellen absoluten Pfadspleißung zurück. /a
path.resolve('/a'，'/b')Gibt die aktuellen Parameter der aktuellen absoluten Pfadspleißung /b
path.resolve('/a'，'/b', 'c')zurück. Gibt die aktuellen Parameter der aktuellen absoluten Pfadspleißung zurück/b/c
Zeigen Sie in anderen
Node.js __dirnameimmer auf den absoluten Pfad der ausgeführten jsDatei.