1.在终端运行(运行之后package.json的开发依赖(devDependencies
)中会出现 "jquery": "^3.6.0",
)
npm install jquery --save-dev
2.在vue.config.js中第一行输入(这个文件需要自己在项目根目录下创建的)
const webpack = require('webpack')
3.在 module.exports
的 plugins
里面输入
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
vue.config.js里面的代码如下图:
const webpack = require('webpack')
module.exports = {
configureWebpack: {
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
]
}
}
4.在main.js入口文件中引入
import $ from 'jquery'
(留一个问题:main.js不引入 也能用jquery,我也不知道为啥)