vue-cli webpack全局引入jquery_vue引入jquery_vue wabpack 引入 jquery_vue引入其他js库

最新推荐文章于 2024-09-18 21:51:14 发布

转载最新推荐文章于 2024-09-18 21:51:14 发布 · 464 阅读

标签

#vue #vue-cli #vue引入jquery #vue-cli引入jquery

收录于

前端专栏收录该内容

82 篇文章

订阅专栏

本文介绍如何在Vue CLI项目中全局配置并使用jQuery。通过在package.json中添加依赖，并利用webpack进行配置，可以实现在整个项目中直接调用jQuery。

vue-cli webpack全局引入jquery
首先在package.json里加入，

dependencies:{
 "jquery" : "^2.2.3"
}
然后 npm install

在webpack.base.conf.js里加入

var webpack = require("webpack")
在module.exports的最后加入

plugins: [
 new webpack.optimize.CommonsChunkPlugin('common.js'),
 new webpack.ProvidePlugin({
     jQuery: "jquery",
     $: "jquery"
 })
]
然后一定要重新 npm run dev

在main.js 引入就ok了

import $ from 'jquery'