美文网首页
在vue中引入jquery

在vue中引入jquery

作者: 晓寒浅梦 | 来源:发表于2017-09-13 10:02 被阅读0次
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')
    }
  },
//添加这个
  plugins: [
      new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery"
      })
   ],
...其他代码
}`

相关文章

网友评论

      本文标题:在vue中引入jquery

      本文链接:https://www.haomeiwen.com/subject/znrksxtx.html