External Files Head Loader
A VueJS plugin for loading external JS/CSS inside VueJS environment. I created this since some of my projects need to load external scripts inside the VueJS script.
Demo: Demo
Install
npm install --save vue-ext-files-head-loader
Include the plugin in main.js
Add the following in main.js
import HeadLoader from "vue-ext-files-head-loader";
Vue.use(HeadLoader);
Define the resources files (external files to be loaded)
const resources = [
{
host: "https://cdnjs.cloudflare.com/ajax/libs/",
jsLibrary: [
"jquery/3.5.1/jquery.js",
"tether/1.4.7/js/tether.js",
"bootstrap-material-design/4.0.2/bootstrap-material-design.iife.js",
],
cssLibrary: [
"bootstrap-material-design/4.0.2/bootstrap-material-design.css",
"tether/1.4.7/css/tether.min.css",
],
},
];
Then call the following to load:
this.$head.load(resources).then(() => {
// Load Successfully
});
0 Sep 1, 2020
7 Nov 27, 2022
2.9k Dec 30, 2022
5 Oct 20, 2022
1 Aug 3, 2020
32 Nov 28, 2022
109 Dec 15, 2022
10.2k Jan 4, 2023
0 Nov 7, 2018
8 Apr 30, 2021
311 Dec 10, 2022
19 Jul 27, 2022
51 Nov 24, 2022
410 Dec 16, 2022
57 Apr 6, 2022
1.1k Jan 3, 2023
88 Dec 9, 2022
39 Dec 10, 2022
140 Dec 18, 2022