在vue中引入jquery

npm i jquery --save

//在main.js中引入
import jQuery from 'jquery
Vue.prototype.$ = jQuery;

在 build/webpack.base.conf.js
引入
var webpack = require('webpack')


module.exports = {
  entry: {
    app: './src/main.js'
  },
  output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  },
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src')
    }
  },
//添加這個(gè)
  plugins: [
      new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery"
      })
   ],
...其他代碼
}`
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1. 首先cnpm install jquery --save 2.在build--webpack.bas...
    stefen_7b09閱讀 157評(píng)論 0 0
  • 一、引入jQuery: 在當(dāng)前的Vue項(xiàng)目中運(yùn)行,運(yùn)行命令npm install jquery –save-dev...
    changlinwang閱讀 1,931評(píng)論 0 6
  • 1、安裝 2、配置 在build中 webpack.base.conf.js中,開頭添加以下代碼 然后在modul...
    簡小咖閱讀 288評(píng)論 0 0
  • 1.首先在package.json里加入 然后 nmp install 2.在webpack.base.conf....
    張先森Mr_zhang閱讀 530評(píng)論 0 1
  • 我希望成為一名律師,不是只會(huì)混日子的那種,但是我不善于“說話”,這是我完成夢(mèng)想最大的阻礙。然而,我可不想一直這樣下...
    nevergonna閱讀 154評(píng)論 0 0

友情鏈接更多精彩內(nèi)容