Webpack Ausgabepfad Problem

Question

Dies ist meine Datei webpack.config. Wenn ich Webpack starte, schreibt bundle.js korrekt in das Verzeichnis "/ dist/assets/bundle.js".

Allerdings, wenn ich npm die Dateien beginnen laufen zu servieren, erhalte ich eine Fehlermeldung:

Error: output.path needs to be an absolute path or /.

Also ... wenn ich den Pfad absolut machen: "/dist/assets" oder path: __dirname + "/dist/assets" dann dient es die Dateien gut und emittiert bundle.js, aber es schreibt es tatsächlich nicht in meinem Projekt/dist/Assets Ordner.

Die Seite sieht gut aus und wenn ich Quelle anzeigen, sehe ich <script src="/assets/bundle.js"></script>, aber es existiert nur auf dem localhost (publicPath).

Wohin gehe ich falsch? Das Ziel für npm beginnt, das Paket in meinen Projektordner zu schreiben und es mit devServer zu versorgen.

var webpack = require("webpack"); 

module.exports = { 
    entry: "./src/index.js", 
    output: { 
    path: "./dist/assets", 
    filename: "bundle.js", 
    publicPath: "/assets" 
    }, 
    devServer: { 
    inline: true, 
    contentBase: "./dist", 
    port: 3000 
    }, 
    module: { 
    loaders: [{ 
     test: /\.js$/, 
     exclude: /(node_modules)/, 
     loader: ["babel-loader", "babel-loader?presets[]=latest,presets[]=stage-0,presets[]=react"] 
    }, { 
     test: /\.json$/, 
     exclude: /(node_modules)/, 
     loader: "json-loader" 
    }, { 
     test: /\.css$/, 
     loader: "style-loader!css-loader!autoprefixer-loader" 
    }, { 
     test: /\.scss$/, 
     loader: "style-loader!css-loader!autoprefixer-loader!sass-loader" 
    }] 
    } 
} 

Answer 1

Verwenden path hierfür:

var path = require('path'); 

.... 

output: { 
    path: path.join(__dirname, './dist/assets'),