用npm下載bootstrap后如何引入

發(fā)布時間：2020-09-21 11:33:53 來源：億速云閱讀：567 作者：小新欄目：web開發(fā)

小編給大家分享一下用npm下載bootstrap后如何引入，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

1.第一步，當(dāng)然是使用npm來安裝bootstrap。
npm install bootstrap@4
這里@4的作用是指定安裝的版本是4.x版本, 不寫的話，就默認(rèn)安裝最新版本，我還是喜歡寫上的。

2.通過前面的步驟，我們已經(jīng)安裝了bootstrap，接下來我們就需要安裝jquery,因為bootstrap是依賴于jquery的。我們同樣使用npm安裝jquery。
npm install jquery

3.好，接下來我們就要在文件中引入jquery和bootstrap了，我們先建一個文件，就叫init.js吧。
import $ from 'jquery'
import 'bootstrap'

4.接下來，我們還需要把jquery掛到window對象上。
window.jQuery=$
jQuery=$
window.$=window.jQuery

看完了這篇文章，相信你對用npm下載bootstrap后如何引入有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

猜你喜歡