vue-cli3以上就没有webpack.config.js这个文件了,所以在安装jquery时
终端执行 npm install jquery --save
之后查看package.json
安装成功,之后在 .eslintrc.js文件中添加这句话
jquery:true
之后在项目根目录新建vue.config.js文件
添加以下内容
const webpack = require('webpack') module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'windows.jQuery': 'jquery' }) ] } }
之后不需要在main.js文件添加import了
直接在App.vue添加以下代码,来测试jquery是否成功安装可以使用
$(function() {
alert(1)
})
之后重启项目,弹出一下结果就ok了
就这样啦
(miss........)