[轉]Vue之引用第三方JS插件


1.絕對路徑引入,全局使用。

 
        
在index.html文件中使用script標簽引入插件。
該種方式就是上面演示ckplayer插件使用的方式。
備注:
    這種方式的引用,會在開啟ESLint時,報錯,可以通過/* eslint-disable*/去掉檢查,但是這樣並不友好,如果使用的地方很多,都得加,那不是很費事嗎。

2.絕對路徑引入,配置externals,Import后使用

在index.html文件中使用script標簽引入插件。
然后在webpack.base文件中找到externals。
使用的地方用Import引入這個插件即可,(根據配置名進行引入)

這種方式就可以解決第一種方式的ESLint檢查問題。雖然全局引入,但是這依然有一個問題就是使用時需要Import的問題,因為每次都要import也確實很麻煩,哈哈,人都是這樣得寸進尺(懶死了)。

3.webpack配置plugins,無須Import,全局可用

配置webpack的plugins屬性,加入一條插件配置,
然后全局可以用

備注:這個解決了1,2的問題,並且index.html中也不需要使用script標簽進行引入了,強烈推薦此種方式進行使用。

4.webpack配置alias,Import后使用

這種方式跟第二種方式,很相似。
配置webpack中的alias,創建插件的別名,
然后使用時候需要Import

參考: 1.https://blog.51cto.com/4837471/2160405

2.https://blog.csdn.net/zy444263/article/details/85252477


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM