很高兴回答这个问题,我是路飞写代码,欢迎关注我,带你一起长知识。

我做前端五六年,来回答一下你的这个问题,现在正处在迷茫的前端新手也将会清楚这块内容到底怎么处理。

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


推荐阅读:
相关文章