[FE] Quasar 性能优化: 减小 vendor.js 尺寸

 

默认情况下，出于性能和缓存的原因，Quasar 所有来自 node_modules 的东西都会被注入到 vendor 中。

但是，如果希望从这个 vendor.js 中添加或删除某些内容，可以如下这样做。

// quasar.conf.js
return {
  vendor: {
    /* optional; disables vendor chunk: */ 
    disable: true,
    add: [ 'src/plugins/my-special-plugin' ],
    remove: ['axios', 'vue$']
  }
}

 

使用场景较适合引入了大量包的站点，比如工具站类型网站，这样 vue-router 路由进入页面时才加载各自使用的 js。

使初次进入网站时的初始加载速度更快。

 

Ref：https://quasar.dev/quasar-cli/quasar-conf-js#property-vendor

Link：https://www.cnblogs.com/farwish/p/15383408.html