在一个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',
}
}
最终无论如何都是只生成了两个文件
请问怎么样才可以按照我所描述的去打包文件?求解答。