我在SO和其他地方看到了很多关于这个问题的提问,但是到目前为止我还没有成功。
为了提供一点背景,我建立了一个SPA网站,在一个我创建的Vue项目上,该项目使用了一个“旧”的命令。我不记得是哪一个,但它看起来像下面这样:
vue init webpack <my project>
最近我意识到对于我来说,Vue-CLI 3会更容易维护、更新和改进,因为有各种各样的情境原因,所以我安装了@vue/cli
,创建了一个新的项目,并开始从我的旧项目中复制/粘贴文件到新项目中。
旧项目中有一个build
目录,其中包含各种Webpack配置文件,我需要将jQuery全局设置为我想要使用的包,因此我添加了以下内容到Webpack的“base”配置中。
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
}),
然而,对于这个新项目,我现在只有位于项目根目录下的babel.config.js
和vue.config.js
作为配置文件,没有build
或config
目录。
我尝试在main.js
文件中使用以下代码将jQuery设置为全局变量:
import jQuery from 'jquery'
window.$ = window.jQuery = jQuery
global.$ = global.jQuery = jQuery
但是每次我重新加载页面时,都会出现以下错误信息:
jQuery未定义
到目前为止,我使用的是CDN版本的jQuery,但是我对这个解决方案感到不放心。
那么在Vue-CLI 3项目中该怎么做呢?
提前感谢您的帮助。
import jquery from jquery
,然后使用jquery("#id").whatever
。 - AnugaVue()
中,并通过.vue
文件内的this.$jquery
进行访问,尚未尝试过。 - Anuga