怎么把多个比较小的js文件合并成一个js?

Question

老师，打包后发现有好几个0.4kb的js文件，请问怎么样才能把这样的文件打包成单独一个呢，这些js文件是对应的路由懒加载

 File                                         Size                                                        Gzipped  

  dist\static\js\vendors.2dc9ee5f.js           295.03 KiB                                                  90.46 KiB
  dist\static\js\dll.0034984a.js               115.38 KiB                                                  40.70 KiB
  dist\static\js\app.fccfdcee.js               6.46 KiB                                                    2.72 KiB
  dist\static\js\home.e3248e95.js              6.24 KiB                                                    2.82 KiB
  dist\static\js\recordDetail.aaa969ab.js      4.53 KiB                                                    1.97 KiB
  dist\static\js\notice.2273cdf3.js            0.43 KiB                                                    0.32 KiB
  dist\static\js\recordList.73e6a04e.js        0.43 KiB                                                    0.31 KiB
  dist\static\js\addCard.8c9b04da.js           0.42 KiB                                                    0.31 KiB
  dist\static\js\manageCard.77c353f4.js        0.42 KiB                                                    0.31 KiB
  dist\static\js\detail.1d310895.js            0.41 KiB  

router:

{
      path: '/detail/:id',
      name: 'Detail',
      component: () => import(/* webpackChunkName: "detail" */ '@/views/Detail.vue'),
    },
    {
      path: '/recordList/:id',
      name: 'RecordList',
      component: () => import(/* webpackChunkName: "recordList" */ '@/views/RecordList.vue'),
    },

Answer 1

双越 2021-09-03 22:12:32

不要使用 component: () => import(...) 这种异步加载的形式

直接引入 xxx 组件使用 然后使用 component: xxx

• 慕妹8458776 #1

  老师，想问一下这两种加载方式哪一种比较好呢？异步加载的话，是不是可以实现使用时再加载组件，对性能比较好？希望老师可以答疑解惑

• 双越 回复 慕妹8458776 #2

  看个人需求。如果组件比较大，建议异步加载。如果组件很小，就不用异步加载了。

Answer 2

双越 2021-09-03 14:09:30

https://coding.imooc.com/learn/questiondetail/245447.html 和这个是一个问题吗？

• 提问者 慕仔5555278 #1

  不是同一个啊，