webpack splitChunks

Question

请教各大家一个问题，index.js里面的components.js和mixins.js文件在其他的js里面也引入了，但是打包的时候，这两个没有被打包到common.js里面？？？只有vue被打包成了vendor.js

// webpack.prod.js

const merge = require('webpack-merge')
const commonConfig = require('./webpack.common.js')

const prodConfig = {
  mode: 'production',
  // devtool: 'cheap-module-source-map',
  optimization: {
    splitChunks: {
      cacheGroups: {
        vendors: {
          name : 'vendor',
          test: /[\\/]node_modules[\\/]/,
          minChunks : 2,
          chunks : 'all',
          priority: -10,
        },
        default: {
          name: 'common',
          minChunks: 2,
          chunks : 'all',
          priority: -20,
          reuseExistingChunk: true,
        }
      }
    }
  }
}

module.exports = merge(commonConfig, prodConfig)

// index.js

import '../css/index.css'
import Vue from 'vue'
import '../../public/js/components.js'
import mixins from '../../public/js/mixins.js'

console.log('index red')

var app = new Vue({
  mixins: [mixins],
  el: '#app',
  methods: {
    alert () {
      window.alert('index')
    }
  },
  created() {
    console.log('index created')
  }
})