본문으로 건너뛰기

"bootstrap" 태그로 연결된 2개 게시물개의 게시물이 있습니다.

모든 태그 보기

Vue에서 jquery와 bootstrap 전역으로 사용하기

· 약 1분
Eunkwang Shin
Eunkwang Shin
Owner

expose-loader의 설치가 필요 없는 방법을 사용해보자

Vuejs-kr에 좋은 내용이 있지만 웹팩을 통해 jquery를 꺼내는 방법이 더 간단하다.

설치​

yarn add jquery bootstrap

설정​

webpack​

build/webpack.base.conf.js
const webpack = require("webpack");

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

eslint​

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

연동​

src/main.js
import "bootstrap";

new Vue({});