vue-cli如何引入jquery

问题描述：

老师,我用"npm install jquery -S"命令安装了jQuery,可是要怎么全局引入呀?我看网上很多的项目都是包含了webpack的,要配置一个webpack文件的,难道没有webpack就不能用吗?

例如这个:https://www.cnblogs.com/shapeY/p/7717583.html

这个链接就是要配置webpack的配置文件的

荣仔记 2021-07-29

源自：全栈开发初体验 1-1 周学习地图与指南

收起

1回答

Brian 2021-07-30 09:52:56

最简单的，就是在public/index.html中，引入jquery.min.js

收起回答

提问者荣仔记 #1

老师我引入了,谷歌浏览器控制台上也能使用$关键字了,可method里使用却报" $ is not defined "

2021-07-31 14:34:05

Brian 回复提问者荣仔记 #2

需要设置一个全局的变量：

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

然后要注意在eslint中也要配置：

"env": {
"jquery": true //此处配置意思为全局引入jquery，详情可查看文档
},

2021-08-01 10:17:26

Brian 回复提问者荣仔记 #3
你可以安装jquery，然后import $ from 'jquery'，
然后配置jquery为external:
```
module.exports = {
  configureWebpack:{
    externals: {  
       'jquery' : '$',
    }
  },
};
```
2021-08-02 16:24:26