2017-01-13 7 views
0

実際に出力ファイルを生成するためにwebpackを取得できません。私はwebpackを実行することができます。webpack:bundleは現在有効ですが、は有効ですが、ファイルは作成されません。出力ディレクトリを変更しようとしましたが、何も動作していないようです。webpackは実際にバンドルファイルを作成しません

私は同じ問題に取り組んでいる多くの記事を読んだことがありますが、誰もこの謎を理解できませんでした。例示のWebPACKの設定:

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

module.exports = { 
    debug: true, 
    entry: { 
    main: './assets/js/components/test.js' 
    }, 

    output: { 
    path: path.join('./dist'), 
    filename: 'bundle.js', 
    }, 

    module: { 
    loaders: [ 
     { 
     test: /.jsx?$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/, 
     query: { 
      presets: ['es2015', 'react'] 
     } 
     } 
    ] 
    } 
}; 
+1

あなたはWebPACKのを実行するために使用するコマンドを含めることはできますか? –

+0

コマンドは 'webpack'です –

答えて

0

ので、いくつかの試行の後とエラー解決策は、私がスクリプトとして、それを追加することにより、package.jsonからwebpackを実行するために必要なことになってしまいました。それでも私が端末からwebpackを実行できない理由はまだ分かりません。誰もがこのようなスクリプトでなければならない理由を知っていますか?その後、

"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack" },

と、ターミナルで次のコマンドを実行します。

npm start

1

https://webpack.github.io/docs/configuration.html#output-path

絶対パスとして出力ディレクトリによれば、(必須)。

出力パスは次のように試しましたか?

path: path.join(__dirname, 'dist'), 
+0

ありがとうございましたが、それは私のために何もしていないようです。私は 'webpack'をnpmスクリプトとして入力することで問題に答えることができました。 –

関連する問題