Webpack输出路径问题

Question

这是我的webpack.config文件。当我运行webpack时，bundle.js会正确写入project/dist/assets/bundle.js。

然而，当我运行NPM开始就可以提供这些文件，我得到一个错误：

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

所以......如果我做的绝对路径："/dist/assets"或path: __dirname + "/dist/assets"那么它提供了文件罚款，并发出bundle.js，但它实际上并没有写我的项目/距离/资产的文件夹。

页面看起来很好，当我查看源代码时，我看到<script src="/assets/bundle.js"></script>，但它只存在于localhost（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'),