Vue jQuery 플러그인 설정

npm i @rollup/plugin-inject
npm i jquery

 

webpack.conf.js(webpack)

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

 

vite.config.js(vite)

import { defineConfig, loadEnv } from 'vite'
import inject from '@rollup/plugin-inject'

export default ({command, mode}) => {
    return defineConfig({
        plugins: [
            inject({ // 맨 위에 작성
                $: 'jquery',
                jquery: 'jquery',
                'window.jQuery': 'jquery',
                jQuery : 'jquery'
            }),
            ...
        ]
    })
}

 

main.js

import $ from 'jquery'
window.$ = $