我的情况是在网上下载的一个已搭建好的vue多页面demo的基础上开发的,局部引入jquery并不需要自己手动在webpack.base.conf的plugins对象中添加以下这句话
plugins: [
new
webpack.optimize.CommonsChunkPlugin(
'common.js'
),
new
webpack.ProvidePlugin({
jQuery:
"jquery"
,
$:
"jquery"
})
]
如果添加了,即便在page目录下的index.js全局引入,也不会生效并且报如下错误(我也不知道为啥):
webpackJsonp is not defined
以下是我的目录结构:
扫描二维码关注公众号,回复:
4950275 查看本文章
现在,让我们开始局部引入过程吧:
npm install [email protected] --save
局部使用:
在某个vue组件中:
import $ from "jquery";
这样就能在vue多页面应用中使用jquery了