在一個html頁面中加入bootstrap是很方便，就是一般的將css和js文件通過Link和Script標簽就行。
那么在一個用vue-vli生成的前端項目中如何加入？因為框架不一樣了，略微要適應一下。
安裝插件
npm install jquery --savenpm install bootstrap --savenpm install popper.js --save
配置webpack.base.conf.js
//在頂部添加const webpack = require('webpack')//在module.exports = {}末尾添加下面代碼module.exports = {...plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ]}main.js中添加
import $ from 'jquery'import 'bootstrap'
測試jquery
//在vue文件中添加測試代碼<script>$(function () { alert('234')})export default { name: 'App'}</script>測試bootstrap
<template><div class="container"> <div class="row"> <div class="col-md-6"> <button class="btn btn-primary">測試按鈕</button> </div> </div></div></template>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
