Webpack出力パスの問題

Question

これは私のwebpack.configファイルです。 webpackを実行すると、bundle.jsは正しくproject/dist/assets/bundle.jsに書き込みます。

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

、私はNPMファイルを提供するために開始実行、私はエラーを取得します。

私がパスを絶対にすると、"/dist/assets"またはpath: __dirname + "/dist/assets"のファイルが正常に処理され、bundle.jsが生成されますが、実際にはproject/dist/assetsフォルダには書き込まれません。

ページが正常に表示され、ソースを表示すると<script src="/assets/bundle.js"></script>が表示されますが、ローカルホスト（publicPath）にのみ存在します。

どこが間違っていますか？ npmの目標は、バンドルをプロジェクトフォルダに書き出し、devServerでそれを提供することです。このため

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

使用path：

var path = require('path'); 

.... 

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