vue.js+webpack 中怎么引用并全局使用jquery

问题描述

问 题

vue.js+webpack 中怎么引用jquery？
npm install jquery
之后再main.js中怎么配置呢？

解决方案

找到webpack的配置文件 如：

var webpack = require("webpack");
var path = require("path");
 
module.exports = {
  entry:{
    home:"./src/js/home.js",
    ……
  },
  output:{
    path:__dirname+"/dist/js",
    filename:"[name].min.js"
  },
  module:{
    loaders:[
      {test:/\.css$/,loader:"style-loader!css-loader"},
      ……
    ]
  }
  ]
}

然后在module同级添加：

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

最后main.js

import $ from 'jquery'

这篇关于vue.js+webpack 中怎么引用并全局使用jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！