Nie można znaleźć folderu kompilatora WebPacka

Question

Właśnie zacząłem używać WebPacka do tworzenia aplikacji React. Mój plik config wygląda następująco,

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" 
     } 
    ] 
    } 
}; 

Jak określono w pliku config wszystkich wymaganych źródeł dostanie dołączone do pliku ./build/bundle.js Również kiedy używam serwera dev WebPACK Korzystanie następujące polecenie,

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

To daje następujące wyniki na początku bez żadnych błędów,

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

Widzę, że moja aplikacja działa zgodnie z oczekiwaniami na http://localhost:8080/webpack-dev-server/ Ale kiedy próbuję CD do /Users/xyz/Desktop/pqrProj/build, pojawia się błąd, ponieważ nie ma takiego pliku lub katalogu.

Answer 1

Twoje dołączone pliki są dostarczane z pamięci i nie są zapisywane na dysku w celu szybszej iteracji podczas pracy. Umożliwia to również wymianę modułu na gorąco i tym podobne.

Jeśli chcesz wyprowadzać pliki statyczne, możesz użyć polecenia webpack z wiersza poleceń (a nie webpack-dev-server).