在webpack vue环境中,不能直接通过< script src>的方式引入jquery,只能通过配置的方式,具体实现如下:

1、在static中放入jquery文件

这里写图片描述

2、修改build/webpack.base.conf.js。

在第一行增加

const webpack = require("webpack");

在第24行,增加

    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
        'jquery':path.resolve(__dirname, '../static/jquery-1.12.4')     //引入jquery
}

然后在resolve和plugin中间增加

    plugins: [
        new webpack.ProvidePlugin({  //引入jquery
            $: "jquery",
            jQuery: "jquery"
        })
],
Logo

前往低代码交流专区

更多推荐