vue 多页面开发如何引入jquery

我的情况是在网上下载的一个已搭建好的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

以下是我的目录结构:

现在,让我们开始局部引入过程吧:

npm install [email protected] --save

局部使用:

在某个vue组件中:

import $ from "jquery";

这样就能在vue多页面应用中使用jquery了

猜你喜欢

转载自blog.csdn.net/hzxOnlineOk/article/details/86476485
今日推荐