wepback怎么才能将node_modules中引入的库分开打包？

Question

在一个vue项目中引入了诸如vue、vue-router、vuex、element-ui等很多库，在打包的时候默认情况下这些引用是打包进入chunk-vendors文件中的，我现在想将其中的vue和element-ui抽离出来，因为这个项目的另一个页面（vue多页面）只需要引入vue和element-ui就可以了，但是我尝试用以下配置打包并不生效：

cacheGroups:{
        vendors:{
          test:/[\\\/]node_modules[\\\/]vue[\\\/]/,
          name:'js/chunk-vendors',
          chunks:'initial',
        },
        ui:{
          test:/[\\\/]node_modules[\\\/]element-ui[\\\/]/,
          name:'js/chunk-element',
          chunks:'initial',
        },
        basic:{
          test:/[\\\/]node_modules[\\\/](vue-router|vuex)[\\\/]/,
          name:'js/chunk-basic',
          chunks:'initial',
        },
        common:{
          test:/[\\\/]src[\\\/]/,
          name:'js/chunk-common',
          minChunks:2,
          chunks:'initial',
        }
      }

最终无论如何都是只生成了两个文件
请问怎么样才可以按照我所描述的去打包文件？求解答。