Webpack - コンパイル済みファイル、またはdistフォルダの生成に失敗しました

Question

実行すると：webpack-dev-server、コードをコンパイルし、ブラウザで出力します。
しかし、私は実行します。webpack - pそれはdistフォルダ内のファイルを生成しませんでした、それもここdist

フォルダを作成していないが、ファイルと私のプロジェクト

のWebPACKのディレクトリ構造の一部です。 config.babel.js

import HtmlWebpackPlugin from 'html-webpack-plugin'; 
import ExtractTextPlugin,{extract} from 'extract-text-webpack-plugin'; 
import path,{resolve} from 'path'; 

module.exports = { 
    devtool: 'source-map', 
    entry: './src/app.js', 
    output: { 
     path: resolve(__dirname + 'dist'), 
     filename : 'app.bundle.js' 
    }, 
    module: { 
     rules:[ 
      { 
       test: /\.scss$/, 
       exclude: /node_modules/, 
       use: extract({ 
        fallback: "style-loader", 
        use: [ 
         "css-loader", 
         "sass-loader", 
        ], 
        publicPath: "/dist" 
       }), 
      }, 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: "babel-loader" 
      } 
     ] 
    }, 
    devServer:{ 
     contentBase: path.join(__dirname, "dist"), 
     compress: true, 
     port: 9000, 
     stats:'errors-only' 
    }, 
    plugins: [ 
     new HtmlWebpackPlugin({ 
      title: 'Webpack starter project', 
      template: './src/index.html', 
      hash:true, 
      minify:{ 
       collapseWhitespace: true, 
       minifyCSS: true, 
       minifyJS:true, 
      } 
     }), 
     new ExtractTextPlugin({ 
      filename: "app.css", 
      disable: false, 
      allChunks: true 
     }) 
    ] 
} 

Answer 1

通常のWebPACKファイルはES6/7の機能を理解していないでしょう。したがって、あなたがあなたのwebpack設定の中でそれらを使いたいのであれば、下記のようにコマンドを以下の方法で呼び出さなければなりません。

$ webpack -p --config webpack.config.babel.js