如何在Vue项目中正确的引入JQuery

最新推荐文章于 2024-09-19 21:38:15 发布

RotatingBlock

最新推荐文章于 2024-09-19 21:38:15 发布

阅读量2.5w

点赞数 6

分类专栏： 2017年12月 Vue 文章标签： vue-js jquery

本文链接：https://blog.csdn.net/github_37533433/article/details/78936750

版权

Vue 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

2017年12月

3 篇文章 0 订阅

订阅专栏

操作方法

安装jquery依赖
```
npm install jquery --save
```
修改两处配置文件（测试vue版本为2.5）

        // 整体位置
        module.exports = {
           // 其他代码...
           resolve: {
             extensions: ['.js', '.vue', '.json'],
             alias: {
               'vue$': 'vue/dist/vue.esm.js',
               '@': resolve('src'),
             }
           },

           // 增加一个plugins
           plugins: [
              new webpack.ProvidePlugin({
                  $: "jquery",
                  jQuery: "jquery"
              })
           ],

           // 其他代码...
        }