Webpack code splitting strange naming

Question

私はwebpackに慣れている数日間、ちょっとしたプロジェクトに取り組んできました。私が望むようにほとんどすべてを手に入れましたが、Webpack分割チャンクの命名規則は非常に奇妙です。私はかなり正しいことをやっていないような気がします。

現在、すべてのJavascriptはのコンテンツ\ js [name] .bundle.jsにエクスポートされています。

は、例えば、私のメインモジュールは、アプリケーションと呼ばれているので、アプリのための最終目的地は、現在コンテンツ\ JS \ app.bundle.jsしかし、私はそれがのようなファイルが作成されます確実に使用する場合1.content \ JS \です1.bundle.js。 のコンテンツ\ js \ 1.bundle.jsなどに出力するようにしたいと思います。そのプレフィックスを少なくとも1つ落とすことができれば、私は自分がしたいことを考えています。

私はもっと多くの担当者を得るまで画像を投稿できませんが、ここに私の出力と現在のwebpack設定ファイルがあります。

私は助けてくれてありがとう！

Hash: 23e616429710d37754d3 
 
Version: webpack 1.13.1 
 
Time: 12793ms 
 
         Asset  Size Chunks    Chunk Names 
 
    content\js\app.bundle.js 3.16 kB  0 [emitted] app 
 
    1.content\js\1.bundle.js 15.1 kB  1 [emitted] 
 
    content\js\vendor.bundle.js 4.31 MB  2 [emitted] vendor 
 
    content\css\app.styles.css 6.27 kB  0 [emitted] app 
 
content\css\vendor.styles.css 463 kB  2 [emitted] vendor 
 
        index.html 5.19 kB   [emitted] 
 
    [0] multi app 28 bytes {0} [built] 
 
    [0] multi vendor 88 bytes {2} [built] 
 
    + 455 hidden modules 
 
Child extract-text-webpack-plugin: 
 
     + 2 hidden modules 
 
Child extract-text-webpack-plugin: 
 
     + 2 hidden modules 
 
Child html-webpack-plugin for "index.html": 
 
     + 20 hidden modules 
 
Child extract-text-webpack-plugin: 
 
     + 7 hidden modules

​​

Answer 1

私はそれを理解しました！私は私のapp_packの出力プロパティに以下を追加する必要がありました：

chunkFilename: path.join(pathJsOutput, '[name].[id].bundle.js') 

どうやら私はちょうどそれがここにあるドキュメントに私の顔の前で正しかった、十分に懸命に見ていない：https://github.com/webpack/docs/wiki/configuration

みんなありがとう！

Answer 2

あなたはoutput.filenameオプションとしてバックスラッシュとパスを設定しています。宛先フォルダを設定するにはoutput.pathを、実際のファイル名にはoutput.filenameを使用してください。