#commonschunkplugin

[chikuwa-parfait]

CommonsChunkPluginの設定

webpackは良く使うのだけど、CommonsChunkPluginを久しぶりに使ったら設定方法を忘れていたのでメモ。

webpack.config.js

var webpack = require('webpack'); module.exports = { entry: { bundle: [ 'jquery', 'react' ] }, output: { path: './', publicPath: '/', filename: '[name].js' }, plugins: [ new webpack.optimize.CommonsChunkPlugin({ minChunks: 3, name: 'bundle' }) ] };

こんなふうに設定を書いてあげてwebpackを実行する。

$ npm install jquery react webpack $ ./node_modules/.bin/webpack

CommonsChunkPluginのnameにentry以下のキーを渡すとその対象が共通ライブラリ的な扱いになる。