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

Question

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

Answer 1

找到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'

Answer 2

要全局使用的话，直接加到 index.html 的 script 标签里。可以使用 cdn 或者将 jQuery.js 放在 static 目录下，并以 /static/jQuery.js 作为 script 的 src 属性即可。

然后~~~

如果你没有设置启用 eslint 的话，什么都不用做就可以用 $ 或者 jQuery 了

如果你设置启用 eslint 的话，在 eslint 的配置中添加 global 选项

可以去看一下：https://segmentfault.com/l/15...