Webpack - 出力ファイルが生成されていませんか？

Question

私は、次のWebPACKの設定があります。

var path = require('path') 
var webpack = require('webpack') 


module.exports = { 
    entry: { 
     main: './scripts/app/main.js' 
    }, 
    output: { 
    path: path.resolve(__dirname, './scripts/app/bundle/'), 
    publicPath: '/scripts/app/bundle/', 
    filename: '[name].js' 
    }, 
    ... 

私はコマンドnpm run devを実行すると、それは私が/scripts/app/bundle/main.jsにファイルがブラウザにロードされている案の定ブラウズするとmain.jsが

を放出されていることを示して

しかし、私は物理パスinthe見たときにファイルがない - これは私がpackage.jsonに持っているものである

その専用メモリ内のように思える：

"scripts": { 
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", 
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" 
}, 

どのようにして物理ファイルを生成しますか。

Answer 1

webpack-dev-serverは、ディスク上にファイルを生成しません - メモリ上にのみファイルを生成します。

• オプション1：あなたには、いくつかのオプションがありますがのdevのサーバーを停止し、代わりにあなたのアプリケーションを構築し、ディスクへの出力を生成するためにwebpackを使用するコマンドwebpack --watchを、実行します。欠点は、ホットリロードがないことです。
• オプション2：サーバーを実行しているURLに/webpack-dev-serverを追加します。したがって、サーバーがlocalhost:3000で実行されている場合は、URL http://localhost:3000/webpack-dev-server.に移動してファイルを表示できます。ファイルはメモリから引き続き配信されますが、このURLからファイルを見ることができます。
• オプション3：this pluginを参照してください。 webpack-dev-serverは強制的にファイルをディスクに書き込みます。