2016-07-16 10 views
2

基本的には、デフォルトでwebpackの主なポイントはすべての解析済みJSファイルをbundle.jsにバンドルすることです。Webpack/JSファイルをdevモードでバンドルしない方法は?

devモードでは、私はそれぞれのJSに別々にアクセスしたいと思います。 私はそれらを1つのファイルにバンドルしたくありません。

webpackがdevatモードでファイルをconcatファイルにするのを防ぐ方法がありますか?bundle.js

私が見たいA.jsB.jsC.js私はDEVモードでのページのソースコードを開いて、それらを収集していないbundle.jsいるとき。

+1

バンドルが正しく行われている場合、Chromeでは、バンドルにいる場合でも、あなたがにいるどのファイルを教えてくれます。 – Brad

+0

まあ、それは私が1時間前に気づいたものです。しかし、FirefoxはChromeのようなファイルを表示しません(ソースマップは有効です)。 – Mik378

+1

Firefoxにはこの問題が長い間続いています。私たちのチームでは、この目的でFirefoxの使用をやめることにしました。 – Everettss

答えて

0

私の頭の中から飛び出すことの1つは、webpackの入力と出力のプロパティを設定できることです。そうすることで、webpackに各エントリを個別に扱うように指示し、エントリオブジェクトに 'key'という名前の出力ファイルを与えるでしょう。下記を参照してください。

// webpack.dev.js 

entry: { 
    A: 'src/js/A.js', 
    B: 'src/js/B.js', 
    C: 'src/js/C.js' 
}, 

output: { 
path: 'dist', 
filename: '[name].js' 
} 

これにより、A.js、B.js、およびC.jsが生成されます。ここではドキュメントから

詳細情報:https://webpack.github.io/docs/configuration.html#entry

関連する問題