vue-cli 프로젝트에서 부트스트랩을 사용하는 단계에 대한 자세한 설명

이번에는 vue-cli 프로젝트에서 부트스트랩을 사용하는 단계에 대해 자세히 설명하겠습니다. vue-cli 프로젝트에서 부트스트랩을 사용할 때 주의할 점은 무엇인가요?

【관련 동영상 추천: 부트스트랩 튜토리얼】

플러그인 설치

npm install jquery --save
npm install bootstrap --save
npm install popper.js --save

webpack.base.conf.js

//在顶部添加
const webpack = require('webpack')

//在module.exports = {}末尾添加下面代码
module.exports = {
...
plugins: [
  new webpack.ProvidePlugin({
   $: "jquery",
   jQuery: "jquery"
  })
 ]
}

추가

import $ from 'jquery'
import 'bootstrap'

jquery 테스트

//在vue文件中添加测试代码
<script>
$(function () {
 alert('234')
})
export default {
 name: 'App'
}
</script>

부트스트랩 테스트

에

나는 믿는다 이 기사의 사례를 읽고 나면 방법을 익힐 수 있습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

JS 사용자의 현재 위치 가져오기

AngularJs가 XSS 공격을 방지하는 방법

위 내용은 vue-cli 프로젝트에서 부트스트랩을 사용하는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!