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

来源:10-7 webpack如何抽离压缩css文件

慕仔5555278

2021-09-03

老师,打包后发现有好几个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'),
    },
写回答

2回答

双越

2021-09-03

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

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

0
2
双越
回复
慕妹8458776
看个人需求。如果组件比较大,建议异步加载。如果组件很小,就不用异步加载了。
2021-11-15
共2条回复

双越

2021-09-03

0
1
慕仔5555278
不是同一个啊,
2021-09-03
共1条回复

前端框架及项目面试 聚焦Vue3/React/Webpack

面向1-3年前端的框架及项目面试“刚需内容”

4706 学习 · 1669 问题

查看课程