vue2的脚手架中引入bootstrap3
时间: 2023-10-02 09:10:14 浏览: 110
用Vue2实现的Bootstrap3组件
要在Vue2的脚手架中引入Bootstrap3,可以按照以下步骤进行操作:
1. 安装Bootstrap3:
```bash
npm install bootstrap@3 --save
```
2. 在`main.js`中引入Bootstrap3:
```javascript
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'
```
3. 在组件中使用Bootstrap3的样式和组件。
需要注意的是,Bootstrap3是基于jQuery的,因此我们需要在`main.js`中引入jQuery:
```javascript
import $ from 'jquery'
window.$ = $
```
同时,为了能够使用Bootstrap3的JavaScript组件,我们需要在`webpack.base.conf.js`中配置`ProvidePlugin`:
```javascript
const webpack = require('webpack')
module.exports = {
// ...
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
})
]
}
```
完成以上步骤后,就可以在Vue2的脚手架中使用Bootstrap3了。
阅读全文