vue项目如何引用jquery

标签：export   save   mamicode   dep   记录   nbsp   方式   jquery   引入   

虽然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

vue项目如何引用jquery

标签：export   save   mamicode   dep   记录   nbsp   方式   jquery   引入   

原文地址：https://www.cnblogs.com/zhoushuang0426/p/10635943.html