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中,添加:
module.exports = {
...
configureWebpack: {
plugins: [
// 支持 jquery
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
],
...
}
}
step5:main.js中 引入
import $ from 'jquery
step6:重新启动vue-cli,页面组件中 script标签加如下测试代码,页面能弹出则成功