一般vue都是結(jié)合elementui 、mint-ui等使用,但是自己還是想結(jié)合bootstrap來(lái)使用,在使用的過(guò)程中遇到一些報(bào)錯(cuò)
使用bootstrap 要結(jié)合jQuery來(lái)使用的,首先要安裝依賴
npm install jquery --save
npm install bootstrap --save
安裝好這些我們還是要改webpack的配置文件的,修改webpack.base.conf.js如下:
添加
var webpack = require('webpack'); 這段代碼
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),神池企業(yè)網(wǎng)站建設(shè),神池品牌網(wǎng)站建設(shè),網(wǎng)站定制,神池網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,神池網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
在module.exports修改resolve
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'jquery': 'jquery'
}
},
在module.exports 添加此配置
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery",
Popper: ['popper.js', 'default'],
})
],
這些配置好了還是會(huì)報(bào)錯(cuò)的,報(bào)錯(cuò)如下
bootstrap dropdown require popper.js**
因?yàn)樾枰蕾噋opper.js
需要npm install popper.js --save
這樣才能結(jié)合起來(lái)使用