美文网首页
VueJS中使用yarn或npm引用Bootstrap

VueJS中使用yarn或npm引用Bootstrap

作者: 李颖轩_LiYingxuan | 来源:发表于2018-07-07 18:38 被阅读38次

在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.

相关文章

网友评论

      本文标题:VueJS中使用yarn或npm引用Bootstrap

      本文链接:https://www.haomeiwen.com/subject/kmeguftx.html