Vue引入非npm的js庫

時間 2019-11-12

標籤 vue 引入 npm 欄目 JavaScript 简体版

原文原文鏈接

Vue引入非npm的js庫html

Vue項目有時候須要一些沒有export的js庫，不能經過import引入，那麼使用方法以下npm

1.能夠在index.html頁面使用script標籤引入，固然也可使用cdn的地址。app

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <title>Map</title>
 5     <meta charset="utf-8">
 6     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7     <link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico"/>
 8     <script src='./static/libs/three/three.min.js'></script>
 9     <script src="./static/libs/three/GLTFLoader.js"></script>
10   </head>
11   <body>
12     <div id="app"></div>
13     <!-- built files will be auto injected -->
14   </body>
15 </html>

2.在main.js中使用window.moduleName 使用ui

也能夠放入Vue.prototype中，這樣組件內均可以使用。spa

1 var THREE = window.THREE
2 var GLTFLoader = THREE.GLTFLoader
3 Vue.prototype.THREE = THREE

相關標籤/搜索

vue+webpack+npm+elementui

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。