相关文章推荐
冷静的小刀  ·  python ...·  4 月前    · 
性感的青椒  ·  Integrating concept ...·  1 年前    · 
威武的马克杯  ·  用 logstash 解析 json ...·  1 年前    · 

在项目中找到webpack.base.conf.js文件,在开头使用以下代码引入webpack,因为该文件默认没有引用。

let webpack = require('webpack')

截图,如下所示

2)在同文件:webpack.base.conf.js中,找到module.exports中添加一段代码

// 添加代码
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
jquery: "jquery",
"window.jQuery": "jquery"

截图中,省略了部分代码

3)避开eslint 检查

修改根目录下.eslintrc.js 文件的env 节点,为env添加一个键值对 jquery: true 就可以了

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

4)重新启动项目 npm run dev,可直接使用$

不需要再import 引用 jQuery 了,可以 直接使用$了

console.log($('选择器')) ,你会发现成功使用jQuery获取到了DOM

或者按下面的,能看到jq是一个函数