1.安装jquery
npm install jquery --save
2.配置 webpack
找到 build/webpack.base.conf.js 文件。
在开头 添加
var webpack = require(‘webpack‘)
// 原有代码 resolve: { extensions: [‘.js‘, ‘.vue‘, ‘.json‘], alias: { ‘vue$‘: ‘vue/dist/vue.esm.js‘, ‘@‘: resolve(‘src‘) } }, // 添加代码 plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", jquery: "jquery", "window.jQuery": "jquery" }) ], // 原有代码 module: { rules: [ // ...... ] }
3.在main.js 中引入jquery
import ‘jquery‘
4. eslint 检查
在 根目录下 找到 文件 .eslintrc.js
env: { // 原有 browser: true, // 添加 jquery: true }
ok 这样就可以使用 jQuery
时间: 2024-11-08 23:40:34