2013-08-07 66 views
0

我正在嘗試使用最新的Twitter Bootstrap 3 RC1與流星。我試圖用bower來安裝它,但流星扔了一個錯誤,因爲引導程序包(_includes目錄)中包含了一些HTML或JS。我知道流星有一個bootstrap package,但是這是Bootstrap 2.3。使用Twitter Bootstrap 3 RC1與流星

我不知道是否有辦法忽略某些文件,以便Meteor不會嘗試提供這些文件或以其他方式解決此問題。

回答

3

現在這裏是我的解決方案,靈感來自this answer

我安裝引導與女郎用以下.bowerrc配置:

{ 
    "directory": "public/bower_components" 
} 

在這裏,您可以使用引導通過直接在包括它您<head>這樣的:

<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/> 

或者你可以用它在你的減檔這樣

@import "public/bower_components/bootstrap/less/bootstrap.less"; 

感謝@majodev的幫助。我認爲bootstrap3-less很好,但通過使用它,我們將該軟件包的開發人員更新的另一個依賴項引入最新的Bootstrap版本。通過using bower,我們知道我們將始終擁有最新版本的bootstrap,或者我們想要的任何版本。

更新13年8月9日:

要使用bootstrap.js,目前的解決方法是創建一個調用bootstrap.js文件包。下面是我如何做到這一點:

package.js創建packages

packages 
└── bootstrap 
    └── package.js 

一個bootstrap目錄然後,聲明js文件要包括,例如:

// package.js 

Package.describe({ 
    summary: "Load bootstrap script." 
}); 

Package.on_use(function(api) { 
    api.add_files(['../../public/bower_components/bootstrap/dist/js/bootstrap.min.js'], 'client'); 
}); 
+0

看起來像有一個官方的bootstrap包,但我我不知道如何將它鏈接到我的HTML文件中。或者當我添加軟件包時它已經鏈接了。 – ninjaneer

+1

是的我相信你可以做'meteor add bootstrap'並且它會自動鏈接,你可以開始使用它。 –

+0

有沒有辦法禁用某些模板的引導程序? – ninjaneer

4

您是否嘗試過定製氣氛套餐bootstrap3-less

ad。問題:我知道客戶端/服務器上的測試子目錄會被忽略,但這只是一個糟糕的地方。你有沒有嘗試把它放入lib/external? Unofficial Meteor FAQ也可能是一個很好的起點。

+0

流星會忽略'/ lib目錄/ external'呢? –

+0

正如非官方常見問題解答所提到的:「來自其他人的通用代碼。請注意,lib文件夾中的js文件在其他js文件之前加載。」你確定,你想忽略這些文件嗎?通常我會在client/lib中提供其他庫,如果沒有可用的氣氛包(但有!)。 – majodev

+0

好吧,如果它不被忽略,boostrap中'_includes'文件夾中的東西會產生一堆錯誤,正如我原來的問題所述。 –