Search⌘ K
AI Features
Home
Courses
Vue - The Road to Enterprise

Third-Party Libraries

Understand how to efficiently organize third-party libraries in Vue applications by placing them in dedicated plugin files rather than main.js. Explore methods for both Vue 2 and Vue 3, including automating plugin imports to maintain clean, scalable project architecture.

We'll cover the following...

Avoid using third-party libraries in main.js

As mentioned previously, instead of adding all third-party libraries in the main.js file, we put them in the plugins folder and then import plugin files. Below are examples for Vue 2 and Vue 3.

Vue 2 and Vue 3

In Vue 2, instead of writing these lines into the main.js file:

Javascript (babel-node)
// main.js
import Vue from 'vue';
import Vuelidate from 'vuelidate'; 
Vue.use(Vuelidate);

Add plugins or libraries into a separate file, ...