Eintrag Modul nicht gefunden: Kann nicht lösen‘./assets/app.js'

Question

Ich versuche webpack zu verwenden, aber ich erhalte eine Fehlermeldung

$ node_modules/.bin/webpack 
Hash: d1aee5dc037997fae5a6 
Version: webpack 3.4.1 
Time: 31ms 

ERROR in Entry module not found: Error: Can't resolve './assets/app.js' in 'D:\template\src' 

Es ist mein erstes Mal webpack verwenden.

hier ist mein Skript

const path = require('path'); 
const webpack = require('webpack'); 
module.exports = { 
    context: path.resolve(__dirname, './src'), 
    entry: { 
    app: './assets/app.js', 
    }, 
    output: { 
    path: path.resolve(__dirname, './node_modules'), 
    filename: '[name].bundle.js', 
    }, 
}; 

Meine Ordnerstruktur

Ich glaube, ich bekomme den Fehler hier context: path.resolve(__dirname, './src'), Ich weiß einfach nicht, was ich diesen Teil ersetzen.

Ich habe bereits gelesen https://webpack.github.io/docs/tutorials/getting-started und bereits versuchen, mit Google über die Verwendung von Webpack zu suchen. Irgendwelche Lösungen?

"devDependencies": { 
    "buefy": "", 
    "bulma": "", 
    "vue": "^2.1.10", 
    "webpack": "^3.4.1" 
    }, 

Answer 1

Die context Option definiert das Basisverzeichnis, das verwendet wird alles in der webpack Config zu lösen. Sie verwenden ./src/ als Basisverzeichnis, daher ist ./assets/app.js im Verzeichnis src aufgelöst (das wäre technisch ./src/assets/app.js).

Wenn kein context bereitgestellt wird, verwendet Webpack das aktuelle Verzeichnis, das Sie wünschen. Sie können context vollständig aus Ihrer Konfiguration entfernen. Wahrscheinlich möchten Sie das Paket auch in ein Verzeichnis wie ./dist statt in ./node_modules ausgeben. Ihre Konfiguration wäre wie folgt.

const path = require('path'); 
const webpack = require('webpack'); 

module.exports = { 
    entry: { 
    app: './assets/app.js', 
    }, 
    output: { 
    path: path.resolve(__dirname, './dist'), 
    filename: '[name].bundle.js', 
    }, 
}; 

Sie waren auf der Suche an den webpack 1 docs, aber Sie sollten die neueren Dokumente, die deutlich besser sind verwenden: Webpack - Getting Started.