vue-cli项目中使用bootstrap步骤详解

前提是vue-cil3.0以下的脚手架

新建项目，安装插件

vue init webpack vuestrap

cd vuestrap

npm i

npm i jquery --save

 npm i bootstrap --save

 npm i popper.js --save

 配置jquery,修改webpack.base.conf.js

//在顶部添加

const webpack = require('webpack')

在整个配置对象的末尾增加plugins配置

plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "windows.jQuery": "jquery"
    })
  ]

 引入，main.js中

import 'bootstrap/dist/css/bootstrap.min.css'

import 'bootstrap/dist/js/bootstrap.min.js'

启动

npm run dev

 

参考：https://blog.csdn.net/wild46cat/article/details/77662555