想必大家對新web框架都有所瞭解也遇到過一些坑，接下來我來分享一下我遇到的坑；

今天這個坑大部分來自於對webpack配置不夠了解

當你配置新web專案的時候 你想用其他框架的時候 怎麼辦 試著摸索模仿寫法

import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'
import qs from 'qs'

當你這麼引入一個bootstrap的時候，瀏覽器會報一個錯誤

jquery is not defind
Bootstrap\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\'s
 
 JavaScript.

這麼一個錯誤 一個低階錯誤
因為bootstrap.js是依賴JQuery的，所以要在webpack.base.conf.js中載入juery外掛，

npm install --save jquery

不要試圖import jquery
因為import是非同步載入模組 所以你得到結果還是報錯，我們必須在webpack配置上下手

在webpack.base.conf.js中新增一下程式碼

plugins: [
   new webpack.optimize.CommonsChunkPlugin('common'),
   new webpack.ProvidePlugin({
     jQuery: 'jquery'
 
,
     $: 'jquery',
   })

新增jq 則會與webpack作為基礎外掛（依賴）一同載入；
* 以上可以解決bootstarp3以下版本問題 因為4版本 還引入popper *

我們 npm install [email protected] 的時候 他並沒有下載popper 這個人感覺 也是很坑

Error Bootstrap dropdown require Popper.js (https://popper.js.org)

Bootstrap4 的dropdown外掛是依賴popper.js 我們需要自己下載popper
npm install –save popper.js

plugins: [
   new webpack.optimize.CommonsChunkPlugin('common'),
   new webpack.ProvidePlugin({
     jQuery: 'jquery',
     $: 'jquery',
    Popper: 'popper.js'
   })

* 這樣就解決了 bootstrap4 載入報錯問題！ *