工作中vue框架如何使用bootstrap呢?
提示:小白正在努力学习中如果有不对的地方请多多指出来并且私信我 ,非常感谢!!
一、创建好的vue脚手架首先引入三个
npm install jquery
npm install bootstrap
npm install popper.js
二、在webpack.base.comf.js中设置
var webpack=require('webpack'); //引入
module.exports={ //中添加
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'jquery': "jquery/src/jquery" //添加
},
plugins: [ //添加
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"windows.jQuery":"jquery"
})
]
}
三、 在main.js中添加
import $ from 'jquery'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'