vue 에서 jQuery 와 Bootstrap 를 어떻게 도입 합 니까?

1351 단어 vuejQuery
이틀 동안 Vue.js 를 공 부 했 기 때문에 오늘 은 작은 필 기 를 추가 합 니 다.
jQuery 도입
현재 프로젝트 의 디 렉 터 리 아래(package.json)에서 명령 cnpm install jquery--save-dev 를 실행 합 니 다.  이렇게 해서 jquery 를 이 프로젝트 에 설 치 했 습 니 다.
그리고 웹 팩.base.conf.js(build 파일 아래)두 곳 을 수정 합 니 다.
1:가입

var webpack=require('webpack');
2.module.exports 에 추가

plugins: [
 new webpack.optimize.CommonsChunkPlugin('common.js'),
 new webpack.ProvidePlugin({
   jQuery: "jquery",
   $: "jquery"
 })
]
마지막 으로 main.js 에 import$form'jquery'를 추가 하여 jquery 도입 을 완료 합 니 다.
2.bootstrap.css 파일 도입:
webpack.base.conf.js 수정

resolve: {
　　extensions: ['.js', '.vue', '.json'],
　　alias: {
　　'vue$': 'vue/dist/vue.esm.js',
　　'@': resolve('src'),
　　'bootstrap':resolve('src/assets/bootstrap'),
　　}
},
main.js 에서 import 도입

import 'bootstrap/js/bootstrap.min.js'
import 'bootstrap/css/bootstrap.min.css'
3.boottstrap.min.js 파일 도입:
main.js 에서 import 도입

import 'bootstrap/js/bootstrap.min.js'
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
php 프로 세 스 간 통신 실례 분석
Vue 2.0 사용 과정 에서 흔히 볼 수 있 는 문제 요약 학습

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage