エントリーポイントを持たないファイルのリストを縮小するWebpack

Question

Webpackでは、入力種別があり、すべてのファイルを再帰的にバンドルして縮小します。しかし、私は手動でファイルのリストをバンドルしたいだけです。このリストには、1〜4個のプラグインから1個のjsファイルを使用できます。

私たちがGulpでやっているやり方は、Webpackでこれを行うことができますか？

私は、彼らはあなたがバンドルしようとしているサードパーティ製のパッケージがあるならば、我々はその後、CommonChunksPluginを使用して、エントリポイントに

module.exports = { 
    entry: {...}, 
    output: {...}, 
    module: {...}, 
    plugins: [ 
    new UglifyJSPlugin() 
    ] 
}; 

Answer 1

を与えるので、それを行う方法を知っているこのスタイルは、あなたが探しているものですhttps://webpack.js.org/guides/code-splitting-libraries/#manifest-file。

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

module.exports = function(env) { 
    return { 
     entry: { 
      main: './index.js', 
      vendor: ['moment', 'lodash', 'jQuery'] 
     }, 
     output: { 
      filename: '[name].[chunkhash].js', 
      path: path.resolve(__dirname, 'dist') 
     }, 
     plugins: [ 
      new webpack.optimize.CommonsChunkPlugin({ 
       names: ['vendor', 'manifest'] // Specify the common bundle's name. 
      }) 
     ] 
    } 
}; 

ベンダーアレイにパッケージ名の配列を追加すると、webpackはそれらをパッケージファイルとは別のチャンクにバンドルします。