Không thể xác định thư mục xây dựng của webpack

Question

Tôi vừa mới bắt đầu sử dụng webpack để phát triển các ứng dụng React. tập tin cấu hình của tôi là như sau,

var webpack = require('webpack'); 

module.exports = { 
    devtool: "eval", 
    entry: { 
    app: [ 
     "webpack-dev-server/client?http://0.0.0.0:8080", 
     "webpack/hot/only-dev-server", 
     "./src/scripts/main.js" 
    ] 
    }, 
    output: { 
    path: "./build", 
    filename: "bundle.js" 
    }, 
    plugins: [ 
    new webpack.HotModuleReplacementPlugin(), 
    new webpack.NoErrorsPlugin() 
    ], 
    resolve: { 
    modulesDirectories: ['node_modules'], 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     loader: "react-hot!babel", 
     exclude: /node_modules/ 
     }, 

     { 
     test: /\.css$/, 
     loader: "style!css" 
     }, 

     { 
     test: /\.(html|png)$/, 
     loader: "file?name=[path][name].[ext]&context=./src" 
     } 
    ] 
    } 
}; 

Như quy định tại cấu hình nộp tất cả các nguồn cần thiết sẽ được nhóm vào tập tin ./build/bundle.js Ngoài ra khi tôi đang chạy máy chủ dev webpack bằng cách sử dụng lệnh sau đây,

> webpack-dev-server --colors --content-base ./build 

Nó mang lại cho tôi sau đầu ra vào đầu không có lỗi,

http://localhost:8080/webpack-dev-server/ 
webpack result is served from/
content is served from /Users/xyz/Desktop/pqrProj/build 

tôi có thể thấy ứng dụng của tôi chạy như mong đợi trên http://localhost:8080/webpack-dev-server/ Nhưng khi tôi thử CD vào số /Users/xyz/Desktop/pqrProj/build, tôi gặp lỗi khi không có tệp hoặc thư mục như vậy.

Answer 1

Khi sử dụng webpack-dev-server các tệp được nhóm của bạn được phân phát từ bộ nhớ và không được ghi vào đĩa để lặp lại nhanh hơn trong khi bạn đang phát triển. Điều này cũng cho phép thay thế mô đun nóng và như vậy.

Nếu bạn muốn xuất tệp tĩnh, bạn có thể sử dụng lệnh webpack từ dòng lệnh (không phải là webpack-dev-server).