[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

Recommend:https://tool.offso.com/md5

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

原文地址:https://www.cnblogs.com/farwish/p/15383408.html