BestHub
Sign in
Tag

Vuetify

0 views collected around this technical thread.

Qunar Tech Salon
Qunar Tech Salon
Sep 19, 2019 · Frontend Development

How to Reduce Your Vue.js Bundle Size with Webpack

Jennifer Bland explains how to halve a Vue.js production bundle from 2.48 MB to 1.28 MB by using webpack-bundle-analyzer and applying targeted optimizations such as removing unused libraries, importing only needed lodash functions, aliasing moment, and configuring vuetify-loader to include only required components.

LodashMoment.jsVue.js
0 likes · 9 min read
How to Reduce Your Vue.js Bundle Size with Webpack
Tencent Music Tech Team
Tencent Music Tech Team
Jun 8, 2018 · Frontend Development

Optimizing Vue/Vuetify Projects with Webpack: Code Splitting, CommonsChunkPlugin, and Externals

By using Webpack’s CommonsChunkPlugin to extract node_modules into a vendor chunk, configuring externals to load Vue and Vuetify from a CDN, and converting non‑critical components to async imports, a Vuetify‑based app reduces its first‑screen bundle by hundreds of kilobytes, improves caching, and speeds initial load.

Code SplittingFrontend DevelopmentPerformance Optimization
0 likes · 11 min read
Optimizing Vue/Vuetify Projects with Webpack: Code Splitting, CommonsChunkPlugin, and Externals