vue-cli 中引入jQuery

coder丶东

于 2018-07-24 22:27:05 发布

阅读量448

点赞数 1

CC 4.0 BY-SA版权

文章标签： Vue

本文链接：https://blog.youkuaiyun.com/github_37710255/article/details/81193674

本文详细介绍如何在项目中使用npm安装Jquery，并通过配置webpack.base.config.js中的ProvidePlugin插件，实现Jquery的自动引入，简化开发流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、npm 包安装

npm install jquery --save-dev

二、配置webpack.base.config.js

webpack有providePlugin插件，可以自动引入模块。所以需要在项目工程的webpack.base.config.js中添加以下配置：

const webpack = require('webpack')


plugins: [
    new webpack.ProvidePlugin({ //引入Jquery
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery':'jquery'
    })
]