美文网首页
在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