環境に基づいてwebpack内のHTMLにスクリプトファイルを追加します

私のアプリケーションを製造用にバンドルするときに、index.htmlに特定のjsファイルを追加しようとしています。私webpack.common.jsは、HTML内に注入されます以下のファイルがあります。環境に基づいてwebpack内のHTMLにスクリプトファイルを追加します

entry: { 
    'polyfills': './src/polyfills.ts', 
    'vendor': './src/vendor.ts', 
    'app': './src/main.ts' 
    },

を私は持っているプラグインのセクションに：私のwebpack.prod.jsについては

new webpack.optimize.CommonsChunkPlugin({ 
     name: ['app', 'vendor', 'polyfills'] 
    }),

私は、次のを持っています出力：

output: { 
    path: helpers.root('dist'), 
    publicPath: '/', 
    filename: '[name].[chunkhash].js', 
    chunkFilename: '[id].chunk.js' 
    },

すべて正常です。しかし、私はおそらく余分なファイルをつかむことができるようにプロダクションのためのプラグインで余分なステップを指定する方法を知らない。

new webpack.NormalModuleReplacementPlugin(/\.\/folder\.dev/, '../folder/file.prod')

しかし、私はハックとして見ていることと、私はそれはないと思う。このような何か - 私はちょうど実際のコンテンツとの生産のために置き換えられます空のファイルを使用することができます回避策として

それを行う最善の方法。私はスレッドhttps://github.com/petehunt/webpack-howto/issues/46を見て、それは私が達成しようとしているものですが、与えられた解決策は私のためには機能しません。

これはhtml-webpack-pluginで実現できると思っていましたが、ドキュメントでは表示方法がわかりません（少なくともここではhttps://www.npmjs.com/package/html-webpack-pluginまたはここに表示されます：https://github.com/jantimon/html-webpack-plugin）。

私はwebpack-mergeを使用していますが、すべての必須ファイルは私のwebpack.common.js私は私のwebpack.prod.jsの一環としてentry要素を追加することによってそれを解決しているに記載されていますので、すべてのヘルプは非常に

を高く評価されています

entry:{ 
     'prodOnlyFile' : './src/file.ts' 
    },

2017-08-02 17:10:20

答えて