vue.js和webpack專案中引入jquery等第三方外掛的方法總結
在vue.js中也可以使用依賴dom的第三方外掛, 比如jquery
引入jquery: 第一種,在模板頁中用script標籤引入jquery,不需要npm,在webpack.base中配置下面的忽略項,注意此種方式不能和plugin外掛形式同時使用, 此種方法優點是不需要npm安裝,可以使用cdn連結,或者公司統一的版本,而且不需要經過webpack編譯,也利於瀏覽器快取。webpack中的配置項externals,意思是webpack要忽略編譯的庫,不會處理依賴關係, 直接呼叫。 jquery: 'window.$' }, 第二種是通過外掛plugins來呼叫,一般情況應用此種方法,先npm i jquery,版本要高一點,因為低版本不支援npm規範,可能造成引入失敗,然後在webpack.base中增加如下配置 plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", jquery: "jquery", "window.jQuery": "jquery" }) ],