import 'bootstrap' 可以嗎!义屏,為什么但惶?

首先你是要引用bootstrap,肯定是用它的css部分湿蛔,也可能連它的js部分也想用;

但是你別以為用 import 'bootstrap' 就可以了县爬;
如果你這么用 馬上報(bào)錯(cuò)? jQuery is not defined

解答原因:
1阳啥、直接 import 'bootstrap'? 進(jìn)來(lái)的只有 bootstrap的js部分,這里肯定沒(méi)有css财喳。
2察迟、bootstrap的js部分需要 jquery的支持(他的transition.js文件會(huì)先報(bào)這個(gè)錯(cuò),你可以打開(kāi)node_modules/bootstrap/js/transion.js文件看一下)

上面我已經(jīng)給出了為什么報(bào)這個(gè)錯(cuò)誤的原因耳高,下面我會(huì)對(duì)具體原因進(jìn)行解答
1扎瓶、為什么沒(méi)有bootstrap 的css部分,而只是js部分

1泌枪、我們很習(xí)慣用 import? 'jquery' 概荷、import 'react' 等等框架和插件;但是它們引進(jìn)來(lái)的都是js碌燕,而bootstrap也是直接引進(jìn)來(lái)的只有js部分误证;因?yàn)镃ommonJS AMD操作的是js⌒藓荆可不能操作純css部分愈捅,所以你只能找到j(luò)s部分。(這里雖然沒(méi)有用require引入但是直接用import 某插件? import會(huì)全局查找符合的條件的插件)
哪會(huì)有有人問(wèn)我們這么能引入css部分呢慈鸠,很簡(jiǎn)單蓝谨;(根據(jù)你的目錄層級(jí)直接找到node_modules中顯示的引用即可以了,最后打包時(shí)也只是把該部分給打包進(jìn)來(lái)了,如果覺(jué)得不好看譬巫,在全局配置一下咖楣,將路徑映射替換一下)
import? '../../../node_modules/bootstrap/dist/css/bootstrap.min.css'
import很類似node.js文件操作模塊fs的功能;靜態(tài)的引入某目錄下的文件缕题;
但是我告訴你這么引入還會(huì)報(bào)錯(cuò):某些文件找不到截歉。其實(shí)是bootstrap中引入的字體找不到;
所以你有兩種辦法:1烟零、刪除bootstrap源碼中的字體引入的部分瘪松;2、把字體這部分也給引入進(jìn)來(lái)锨阿;

2宵睦、怎么解決這個(gè)問(wèn)題呢(如果你需要bootstrap的js部分)

bootstrap不是需要jQuery,我們給它就可以墅诡,怎么給
唯一的方法(不包括在打包框架中的全局配置jQuery)
var $ = window.jQuery = require("jquery")?
require("bootstrap")
這個(gè)錯(cuò)誤就解決了壳嚎。你要引入css部分還是上面那個(gè)方法

為什么是唯一的;
如果你先這么寫末早,哪錯(cuò)了
import jQuery from "jquery"
window.jQuery = $
import 'bootstrap'
因?yàn)閞equire和import 在引入文件時(shí)一個(gè)是動(dòng)態(tài)化的一個(gè)是靜態(tài)引入
import 靜態(tài)引入會(huì)導(dǎo)致 不能像require一樣直接將jquery賦值到window上
并且import會(huì)變量提升將上面那個(gè)例子變成
import jQuery from "jquery"
import 'bootstrap'
window.jQuery = $

按加載順序bootstrap不能還是沒(méi)有拿到全局的jQuery

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末烟馅,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子然磷,更是在濱河造成了極大的恐慌郑趁,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件姿搜,死亡現(xiàn)場(chǎng)離奇詭異寡润,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)舅柜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門梭纹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人致份,你說(shuō)我怎么就攤上這事变抽。” “怎么了氮块?”我有些...
    開(kāi)封第一講書人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵瞬沦,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我雇锡,道長(zhǎng)逛钻,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任锰提,我火速辦了婚禮曙痘,結(jié)果婚禮上芳悲,老公的妹妹穿的比我還像新娘。我一直安慰自己边坤,他們只是感情好名扛,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著茧痒,像睡著了一般肮韧。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上旺订,一...
    開(kāi)封第一講書人閱讀 51,541評(píng)論 1 305
  • 那天弄企,我揣著相機(jī)與錄音,去河邊找鬼区拳。 笑死拘领,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的樱调。 我是一名探鬼主播约素,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼笆凌!你這毒婦竟也來(lái)了圣猎?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤乞而,失蹤者是張志新(化名)和其女友劉穎样漆,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體晦闰,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年鳍怨,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了呻右。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡鞋喇,死狀恐怖声滥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情侦香,我是刑警寧澤落塑,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站罐韩,受9級(jí)特大地震影響憾赁,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜散吵,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一龙考、第九天 我趴在偏房一處隱蔽的房頂上張望蟆肆。 院中可真熱鬧,春花似錦晦款、人聲如沸炎功。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)蛇损。三九已至,卻和暖如春坛怪,著一層夾襖步出監(jiān)牢的瞬間淤齐,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工酝陈, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留床玻,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓沉帮,卻偏偏與公主長(zhǎng)得像锈死,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子穆壕,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容