vue 内引入jquery

1.  npm i jquery -- save

2. 

import $ from 'jquery'
window.$ = $
window.jQuery = $
export default $

这时运行 jq效果可以实现 但eslint会报错 会说$ 没有定义

或者在组件内直接引入

import $ from 'jquery'

3 . 在.eslintrc.js中 env对象中添加

env: {
    browser: true,
    jquery: true
  },

这样在开发环境就不会报错了 

但我发现很多人会在webpack里做以下配置  但目前这些配置我加不加都不会报错  所以并不知道加进来的用处

4。 在

webpack.base.conf.js

里加入

var webpack = require("webpack")

plugins: [
 new webpack.optimize.CommonsChunkPlugin('common.js'),
 new webpack.ProvidePlugin({
     jQuery: "jquery",
     $: "jquery"
 })
]

 

alias: {
          'src': path.resolve(__dirname, '../src'),
          'assets': path.resolve(__dirname, '../src/assets'),
          'components': path.resolve(__dirname, '../src/components'),

          // webpack 使用 jQuery，如果是自行下载的
          // 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),
          // 如果使用NPM安装的jQuery
          'jquery': 'jquery' 
      }