首頁  >  文章  >  web前端  >  用npm下載bootstrap後怎麼引入

用npm下載bootstrap後怎麼引入

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼原創
2019-07-13 10:51:015690瀏覽

用npm下載bootstrap後怎麼引入

1.第一步,當然是使用npm來安裝bootstrap。
npm install bootstrap@4
這裡@4的作用是指定安裝的版本是4.x版本, 不寫的話,就預設安裝最新版本,我還是喜歡寫上的。

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

相關推薦:《bootstrap入門教程

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

4.接下來,我們還需要把jquery掛到window物件上。
window.jQuery=$
jQuery=$
window.$=window.jQuery

以上是用npm下載bootstrap後怎麼引入的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn