vue-cli3安装jQuery

注：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标签加如下测试代码，页面能弹出则成功