[Vue] jQuery 사용하기 #eslint 설정

Vue jQuery 사용하기

 

jQuery 설치

npm install --save jquery

 

Tip

main.js 에서 
window.$ = require('jquery')
이렇게 선언하면 
window.$('#id') 와 같이 사용할 수 있지만
window.$ 대신 $ 만 쓰고 싶다면 아래와 같이 webpack 에 설정해야하고,
eslint 를 사용하고 있다면 여기에도 설정을 해야합니다. 

 

Webpack.config.js 에 설정

module.exports = {
  ...
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jquery: 'jquery',
      'window.jQuery': 'jquery',
      jQuery: 'jquery'
    })
  ]
  ...
}

 

eslint 를 사용하고 있다면 

.eslintrc.js 에 설정

module.exports = {
  ...
  globals: {
    $: true,
    jQuery: true
  }
  ...
}