很高興回答這個問題,我是路飛寫代碼,歡迎關注我,帶你一起長知識。

我做前端五六年,來回答一下你的這個問題,現在正處在迷茫的前端新手也將會清楚這塊內容到底怎麼處理。

01Webpack4開箱支持import,但是模塊必須是es6或者可以被轉化成commonjs和amd規範

雖然webpack4開箱支持import語法,但是是條件的,必須遵循cmd,amd規範。

根據你的截圖應該是用到了jquery的插件webupload組件,這種模式應該是之前傳統jquery的插件方式。

所以肯定是引入不會成功,因為你的引入jquery並沒有到全局windows對象上,插件裏肯定引用不到。

02這種方式如何使用,有一種辦法我認為合理簡單

那就是在index.html頁面中引入相應的js,然後在具體的Vue頁面裏就可以使用了,用法與傳統方式沒有多少差別。

03如何去正確使用import,require關鍵字,需要去鑽研commonjs,amd規範

深入學習一下這塊的內容,你就會明白萬變不離其宗,其實都很簡單,而你學會後甚至可以自己改造現有的不支持模塊引入的類庫。

好了,今天的回答就到這兒了,如果你願意深入學習,可以花點時間在上面鑽研一下。

我是路飛寫代碼,歡迎關注我,帶你一起長知識!


單獨建一個vue文件,裡面寫

import $ from "jquery"

window. $=$

window. jQuery=$

export default $

將上面文件當做一個模塊,你要在哪個頁面使用jq,就引入這個模塊就好。

開發的世界,什麼情況都可能遇到,那些說弱雞才引入jq的,還是開發年齡太短,遇到問題太少。

我react的項目,做到一半,團隊要求使用ztree做一個很重要的功能,但是ztree是依賴jq的,肯定要自己想辦法啊


首先你這引入方式是模塊化引入方式,引入的模塊需要export方式導出。很明顯你導入的靜態jq是全局window屬性,並不是cmd或amd模塊。


Vue用jq,真有意思啊


直接在頁面中用script標籤引入就行了


npm i jquery --save。配置webpack,plugins:[new webpack.ProvidePlugin({$:jquery})]


菜雞才會m在vue 裡面引入jq


你這種引入當時,jquery是不支持的。要用require。具體的我也不是太清楚,你可以查一下前端引入模塊具體。


vue多好啊,還用jquery幹嘛


別說你用jquery 是為了同 ajax


推薦閱讀:
相關文章