注:vue-cli3.0 没有了 webpack.config.js 配置文件,取而代之的是集合在 vue.config.js文件 内进行配置
默认已经安装好vue-cli3.0项目
step1:命令行工具,进入项目文件夹,执行: npm install jquery --save
step2:提示安装成功后,在package.json 文件内的 "dependencies"中检查是否有 "jquery": "^3.3.1", (如没有 则需手动添加)如图:
step3:.eslintrc.js 文件中,env 中 添加 jquery:true
step4:【关键步骤】
vue.config.js 文件中:最头部添加 “const webpack = require('webpack')”;module.exports中,添加:
configureWebpack: {
plugins: [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"windows.jQuery":"jquery"
})
]
}
step5:main.js中 引入 “import $ from 'jquery'”
.
step6:重新启动vue-cli,页面组件中 script标签加如下测试代码,页面能弹出则成功