vue项目如何引用jquery

vue

虽然vue不推荐直接操作DOM，而且也提供了操作DOM的方式。但是在某些时候还是要用到jquery，那么如何引入jquery呢？

费了半天劲,记录一下:

一 : 安装jquery

npm install jquery --save

二 : 配置在项目 build 里的webpack.base.conf.js

首先在webpack.base.conf.js里加入:(webpack的引入要在第一行)

var webpack = require("webpack")

然后在module.exports的最后加入

plugins: [
  new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    jquery: "jquery",
    "window.jQuery": "jquery"
  })
]

三:使用在需要使用的地方引入

import $ from \'jquery\';

这样就可以正常调用\'$\'了

最后注意要重启项目:npm run dev