vue cli4打包完首次进入，其他页面的css和js也一起加载了

Question

vue cli4打包完很多chunk文件，刚进到首页，就加载了一堆暂时用不到的文件，怎么可以让chunk文件按需加载
（我路由按需加载了）

Answer 1

已解决

在vue.config.js中配置

chainWebpack: (config) => {
    // 移除 prefetch 插件（解决首次进入页面所有资源预加载）
    config.plugins.delete('prefetch');
    // 或者
    // 修改prefetch：
    // config.plugin('prefetch').tap(options => {
    //   options[0].fileBlacklist = options[0].fileBlacklist || []
    //   options[0].fileBlacklist.push(/myasyncRoute(.)+?\.js$/)
    //   return options
    // })
  },

不过我用第一种方法好使，第二种方法不管用

Answer 2

因为懒加载，所以被打包成很多 chunk；
可以去配置 chunk name, 就可以看出加载了哪些 chunk 了。