在vue下引入jquery bootstrap

在vue 專案中引入jquery bootstrap

引入jquery

npm install jquery --save-dev

在專案根目錄下的build/webpack.base.conf.js檔案中：

var webpack = require("webpack") 

在module.exports的最後寫

plugins: [    
new webpack.optimize.CommonsChunkPlugin(`common.js`),    
new webpack.ProvidePlugin({      
jQuery: "jquery",      
$: "jquery"    
})  ]

在根目錄下的srcmain.js中引入

import $ from `jquery`

引入bootstrap

我用的是本地引用，在assets中

import `./assets/css/bootstrap.css`
import `./assets/js/bootstrap.js`