Javascript 如何防止每次编译第三方插件块?

Javascript 如何防止每次编译第三方插件块?,javascript,jquery,webpack,webpack-2,Javascript,Jquery,Webpack,Webpack 2,我有一个公共文件common.js需要一个jQuery插件作为异步块 function init($elm) { // loaded select2 lib if needed if (!$.fn.select2) { require.ensure([], function () { require('./path/to/select2.js'); $elm.select2(); }, 'select'); return $elm; }

我有一个公共文件
common.js
需要一个jQuery插件作为异步块

function init($elm) {
  // loaded select2 lib if needed
  if (!$.fn.select2) {
    require.ensure([], function () {
      require('./path/to/select2.js');
      $elm.select2();
    }, 'select');
    return $elm;
  }

  $elm.select2();
  return $elm;
}

if ($('.js-select2').length) {
    init($('.js-select2'));
}
webpack可以生成
chunk.common.js
chunk.select.js
,它将加载
chunk.common.js
,然后加载
chunk.select.js
,如果需要的话

但我的问题是每次我编辑
base.js
,都是
chunk.common.js
chunk.select.js
编译。如何使
块。选择.js
作为不应每次编译的常用块

我的网页是这样配置的

module.exports = {
  entry: {
    common: './common.js',
  },
  output: {
    path: 'dist/js/',
    publicPath: 'js/',
    filename: 'chunk-[name].js',
    chunkFilename: 'lib/chunk-[name].js'
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
  ]
};