vue中使用jquery的相关配置记录

一、引入jquery

npm i jquery -S

二、在vue.config.js中进行配置 webpack配置

首先在文件顶部引入webpack 因为该文件默认未被引入

const webpack = require('webpack')

然后同一个文件的module.exports中添加一段代码

configureWebpack: {
   plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "windows.jQuery": "jquery"
        })
    ]
}

再然后 避开eslint 检查：可修改根目录下.eslintrc.js 文件的env 节点，为env添加一个键值对 jquery: true 就可以了，也就是

env: {
	// 原有
	browser: true,
	// 添加
	jquery: true
}

最后重新启动项目，直接使用import 引用 jQuery 就可以了。

import $ from 'jquery'