vue-cli中如何引入bootstrap

首先下載vue-cli

npm install vue-cli -g

vue init webpack  文件名

 

vue-cli引入bootstrap框架之前要先引入jquery

 

下載jquery

npm install jquery@1.11.3 --save-dev

下載bootstrap

npm install bootstrap@3.3.0 --save-dev

 

配置jquery

在build/webpack.base.conf.js文件中

放在文件開頭

const webpack = require('webpack');

放在模塊中

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";