在VueJS中使用npm安装bootstrap需要注意几个问题,需要:jquery、popper.js、font-awesome、vue-loader、vue-html-loader、vue-style-loader、css-loader。
1. 安装包
yarn add jquery bootstrap font-awesome popper.js vue-loader vue-html-loader vue-style-loader css-loader
# or
npm install jquery bootstrap font-awesome popper.js vue-loader vue-html-loader vue-style-loader css-loader -save
注意:上面是包popper.js不是popper,有区别的。
2. 配置main.js
加入:
import $ from 'jquery'
import 'font-awesome/css/font-awesome.css'
3. 配置App.vue
加入:
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'
The end.
网友评论