vue中引入jQuery和bootstrap

一、引入jQuery:

在當(dāng)前的Vue項(xiàng)目中運(yùn)行,運(yùn)行命令npm install jquery –save-dev 這樣就將jquery安裝到了這個(gè)項(xiàng)目中。

然后修改webpack.base.conf.js兩個(gè)地方:

其一:加入var webpack = require(“webpack”);

其二:在module.exports的里面加入

plugins: [
new webpack.optimize.CommonsChunkPlugin(‘common.js’),
new webpack.ProvidePlugin({
jQuery: “jquery”,
$: “jquery”
})
]

加到最后就好。

最后在main.js中加入import $ from ‘jquery’ 完成jQuery的引入。

二、引入 bootstrap.css文件:

同樣在vue項(xiàng)目中運(yùn)行 npm install bootstrap –save-dev

修改webpack.base.conf.js

resolve: {
extensions: [‘.js’, ‘.vue’, ‘.json’],
alias: {
‘vue$’: ‘vue/dist/vue.esm.js’,
‘@’: resolve(‘src’),
‘bootstrap’:resolve(‘src/assets/bootstrap’), //如果是自己手動(dòng)導(dǎo)入的話需要加這一句,如果是 npm install bootstrap –save的話不需要寫這個(gè)
}
},

在main.js中import引入

import ‘bootstrap/js/bootstrap.min.js’
import ‘bootstrap/css/bootstrap.min.css’

http://www.cnblogs.com/haimishasha/p/6556410.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容