我目前正在尝试将Jquery添加到我的vue-cli
项目中。我知道它可能会产生一些问题,但无论如何,既然没有build/webpack.base.conf.js
了,我尝试通过编辑vue.config.js
来添加:
module.exports {
...
chainWebpack: config => {
config.plugin('define').tap(definitions => {
definitions[0] = Object.assign(definitions[0], {
$: 'jquery',
jquery: 'jquery',
'window.jQuery': 'jquery',
jQuery: 'jquery',
_: 'lodash'
})
return definitions
})
}
...
}
或者
const webpack = require('webpack')
module.exports {
...
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jquery: 'jquery',
'window.jQuery': 'jquery',
jQuery: 'jquery'
})
]
...
}
两种选项似乎都不起作用。使用第一种选项时,似乎什么也没有发生;使用第二种选项时,我遇到了编译错误:“plugins”不被允许或“ProvidePlugin”未解决,当我尝试在main.js中直接导入jQuery并定义$操作符时,当我尝试使用它时,jQuery仍然未定义。
非常感谢您的帮助!