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中，添加：

module.exports = {
...
    configureWebpack: {
    
        plugins: [
          // 支持 jquery
          new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "windows.jQuery": "jquery"
          })
        ],
        ...
    }
}

step5：main.js中 引入

import $ from 'jquery

step6：重新启动vue-cli，页面组件中 script标签加如下测试代码，页面能弹出则成功